mirror of
https://github.com/priyanshujain/margin.git
synced 2026-10-02 19:17:03 +00:00
Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
 github-actions[bot]
|
67f70473ea | ||
 pj
|
5727592abe | ||
|
pj
|
706db33792 | ||
|
pj
|
bd44c0ba7e | ||
|
pj
|
3c12d9857f |
No files matched your search
@@ -19,7 +19,7 @@ jobs:
|
||||
tag: ${{ steps.version.outputs.tag }}
|
||||
release_id: ${{ steps.release.outputs.release_id }}
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
- uses: actions/checkout@v7
|
||||
|
||||
- name: Determine version
|
||||
id: version
|
||||
@@ -53,8 +53,20 @@ jobs:
|
||||
git config user.email "github-actions[bot]@users.noreply.github.com"
|
||||
git add src-tauri/tauri.conf.json package.json src-tauri/Cargo.toml
|
||||
git commit -m "chore(release): $TAG"
|
||||
for attempt in 1 2 3 4 5; do
|
||||
git fetch origin main
|
||||
git rebase origin/main
|
||||
if git push origin HEAD; then
|
||||
break
|
||||
fi
|
||||
if [ "$attempt" = "5" ]; then
|
||||
echo "::error::main kept advancing; could not push release bump after 5 attempts."
|
||||
exit 1
|
||||
fi
|
||||
echo "main advanced during release; rebasing and retrying ($attempt)…"
|
||||
sleep 3
|
||||
done
|
||||
git tag "$TAG"
|
||||
git push origin HEAD
|
||||
git push origin "$TAG"
|
||||
|
||||
- name: Create draft release
|
||||
@@ -71,7 +83,6 @@ jobs:
|
||||
needs: prepare
|
||||
strategy:
|
||||
fail-fast: false
|
||||
max-parallel: 1
|
||||
matrix:
|
||||
include:
|
||||
- os: macos-latest
|
||||
@@ -85,7 +96,7 @@ jobs:
|
||||
rust-targets: ""
|
||||
runs-on: ${{ matrix.os }}
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
- uses: actions/checkout@v7
|
||||
with:
|
||||
ref: ${{ needs.prepare.outputs.tag }}
|
||||
|
||||
@@ -106,11 +117,11 @@ jobs:
|
||||
file \
|
||||
rpm
|
||||
|
||||
- uses: actions/setup-node@v4
|
||||
- uses: actions/setup-node@v6
|
||||
with:
|
||||
node-version: 20
|
||||
node-version: 26
|
||||
|
||||
- uses: pnpm/action-setup@v4
|
||||
- uses: pnpm/action-setup@v6
|
||||
with:
|
||||
version: 10
|
||||
|
||||
@@ -140,9 +151,19 @@ jobs:
|
||||
needs: [prepare, build]
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
- name: Publish release
|
||||
- name: Verify manifest is complete, then publish
|
||||
env:
|
||||
GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
REPO: ${{ github.repository }}
|
||||
TAG: ${{ needs.prepare.outputs.tag }}
|
||||
run: gh release edit "$TAG" --draft=false --latest
|
||||
run: |
|
||||
gh release download "$TAG" --repo "$REPO" --pattern latest.json --output latest.json --clobber
|
||||
echo "Platforms in latest.json:"
|
||||
jq '.platforms | keys' latest.json
|
||||
for key in darwin-aarch64 darwin-x86_64 linux-x86_64 windows-x86_64; do
|
||||
if ! jq -e ".platforms[\"$key\"].url" latest.json > /dev/null; then
|
||||
echo "::error::latest.json is missing platform '$key' — refusing to publish a partial update manifest. Re-run the release."
|
||||
exit 1
|
||||
fi
|
||||
done
|
||||
gh release edit "$TAG" --repo "$REPO" --draft=false --latest
|
||||
+1
-1
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "margin-app",
|
||||
"private": true,
|
||||
"version": "0.1.1",
|
||||
"version": "0.1.2",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
|
||||
Generated
+1
-1
@@ -4704,7 +4704,7 @@ checksum = "3e2e65a1a2e43cfcb47a895c4c8b10d1f4a61097f9f254f183aee60cad9c651d"
|
||||
|
||||
[[package]]
|
||||
name = "margin-app"
|
||||
version = "0.1.0"
|
||||
version = "0.1.1"
|
||||
dependencies = [
|
||||
"base64 0.22.1",
|
||||
"harper-core",
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
[package]
|
||||
name = "margin-app"
|
||||
version = "0.1.1"
|
||||
version = "0.1.2"
|
||||
description = "A Tauri App"
|
||||
authors = ["you"]
|
||||
edition = "2021"
|
||||
|
||||
+11
-4
@@ -58,11 +58,18 @@ fn build_menu<R: Runtime>(handle: &tauri::AppHandle<R>) -> tauri::Result<Menu<R>
|
||||
|
||||
#[cfg_attr(mobile, tauri::mobile_entry_point)]
|
||||
pub fn run() {
|
||||
tauri::Builder::default()
|
||||
let context = tauri::generate_context!();
|
||||
|
||||
let mut builder = tauri::Builder::default()
|
||||
.plugin(tauri_plugin_opener::init())
|
||||
.plugin(tauri_plugin_dialog::init())
|
||||
.plugin(tauri_plugin_updater::Builder::new().build())
|
||||
.plugin(tauri_plugin_process::init())
|
||||
.plugin(tauri_plugin_process::init());
|
||||
|
||||
if context.config().plugins.0.contains_key("updater") {
|
||||
builder = builder.plugin(tauri_plugin_updater::Builder::new().build());
|
||||
}
|
||||
|
||||
builder
|
||||
.manage(proofing::new_state())
|
||||
.menu(|handle| build_menu(handle))
|
||||
.on_menu_event(|app, event| {
|
||||
@@ -87,6 +94,6 @@ pub fn run() {
|
||||
proofing::proof_text,
|
||||
proofing::remember_word
|
||||
])
|
||||
.run(tauri::generate_context!())
|
||||
.run(context)
|
||||
.expect("error while running margin");
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"$schema": "https://schema.tauri.app/config/2",
|
||||
"productName": "margin",
|
||||
"version": "0.1.1",
|
||||
"version": "0.1.2",
|
||||
"identifier": "studio.margin.app",
|
||||
"build": {
|
||||
"beforeDevCommand": "pnpm dev",
|
||||
|
||||
+34
-1
@@ -10,10 +10,19 @@ interface EditorProps {
|
||||
onReady: (editor: TiptapEditor | null) => void;
|
||||
}
|
||||
|
||||
interface ChapterPosition {
|
||||
from: number;
|
||||
to: number;
|
||||
scroll: number;
|
||||
}
|
||||
|
||||
export function Editor({ chapterId, content, onChange, onReady }: EditorProps) {
|
||||
const onChangeRef = useRef(onChange);
|
||||
onChangeRef.current = onChange;
|
||||
|
||||
const positions = useRef(new Map<string, ChapterPosition>());
|
||||
const openChapter = useRef(chapterId);
|
||||
|
||||
const editor = useEditor({
|
||||
extensions: editorExtensions,
|
||||
content,
|
||||
@@ -27,7 +36,31 @@ export function Editor({ chapterId, content, onChange, onReady }: EditorProps) {
|
||||
}, [editor, onReady]);
|
||||
|
||||
useEffect(() => {
|
||||
if (editor) editor.commands.setContent(content, { emitUpdate: false });
|
||||
if (!editor) return;
|
||||
const scroller = editor.view.dom.closest(".editor-pane") as HTMLElement | null;
|
||||
|
||||
const previous = openChapter.current;
|
||||
if (previous !== chapterId) {
|
||||
const { from, to } = editor.state.selection;
|
||||
positions.current.set(previous, { from, to, scroll: scroller?.scrollTop ?? 0 });
|
||||
}
|
||||
openChapter.current = chapterId;
|
||||
|
||||
editor.commands.setContent(content, { emitUpdate: false });
|
||||
|
||||
const saved = positions.current.get(chapterId);
|
||||
const size = editor.state.doc.content.size;
|
||||
editor.commands.setTextSelection(
|
||||
saved ? { from: Math.min(saved.from, size), to: Math.min(saved.to, size) } : 0
|
||||
);
|
||||
|
||||
if (scroller) {
|
||||
const top = saved?.scroll ?? 0;
|
||||
scroller.scrollTop = top;
|
||||
requestAnimationFrame(() => {
|
||||
scroller.scrollTop = top;
|
||||
});
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [chapterId, editor]);
|
||||
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
dist/
|
||||
node_modules/
|
||||
.astro/
|
||||
.DS_Store
|
||||
@@ -0,0 +1,48 @@
|
||||
# margin website
|
||||
|
||||
The marketing site for **Margin** — the offline book-writing and publishing app. Built with
|
||||
[Astro](https://astro.build), it's a single landing page that ships almost no JavaScript and
|
||||
reuses the app's *Quiet Press* design system (Literata + Hanken Grotesk, warm light/dark themes).
|
||||
|
||||
## Develop
|
||||
|
||||
```sh
|
||||
cd website
|
||||
pnpm install
|
||||
pnpm dev # http://localhost:4321
|
||||
pnpm build # static output to website/dist/
|
||||
pnpm preview # preview the production build
|
||||
```
|
||||
|
||||
## Where to change things
|
||||
|
||||
Almost everything lives in **`src/data/site.ts`**:
|
||||
|
||||
- `price` — the one-time price (`"$5"` / `"$10"` …). Shown everywhere automatically.
|
||||
- `repo` — the GitHub repo (`priyanshujain/margin`) that hosts release artifacts.
|
||||
- `buyUrl` — point this at a payment processor (Gumroad / Polar / Stripe / Lemon Squeezy)
|
||||
when one is wired up; until then it falls back to the GitHub releases page.
|
||||
- `faqs`, `compare`, `publishTargets` — the page content.
|
||||
|
||||
## Downloads
|
||||
|
||||
Download buttons resolve the **latest GitHub release** asset per OS at runtime
|
||||
(`src/components/DownloadScript.astro`):
|
||||
|
||||
- macOS → `.dmg`
|
||||
- Windows → `.msi`
|
||||
- Linux → `.AppImage` (falls back to `.deb` / `.rpm`)
|
||||
|
||||
The OS is auto-detected for the primary button. If the GitHub API is unreachable or there's no
|
||||
published release yet, every button falls back to the releases page — so they always work.
|
||||
|
||||
## Deploy
|
||||
|
||||
`pnpm build` produces a fully static `dist/` that hosts anywhere — GitHub Pages, Cloudflare
|
||||
Pages, Netlify, Vercel. Set the real domain in `astro.config.mjs` (`site`) for correct
|
||||
canonical / Open Graph URLs.
|
||||
|
||||
## Fonts
|
||||
|
||||
`public/fonts/` carries the same OFL variable fonts the app bundles (Literata, Hanken Grotesk),
|
||||
so the site matches the product exactly.
|
||||
@@ -0,0 +1,7 @@
|
||||
import { defineConfig } from "astro/config";
|
||||
|
||||
// The canonical URL is only used for absolute links (OG tags, sitemap).
|
||||
// Change it to the real domain when the site goes live.
|
||||
export default defineConfig({
|
||||
site: "https://margin.studio",
|
||||
});
|
||||
@@ -0,0 +1,7 @@
|
||||
<svg width="350" height="350" viewBox="0 0 350 350" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="350" height="350" fill="white"/>
|
||||
<path d="M263.799 32.9229C266.952 32.1427 270 34.5286 270 37.7764V312.13C270 315.392 266.926 317.781 263.765 316.975L83.7646 271.075C81.5501 270.51 80.0002 268.516 80 266.23V82.3271C80 80.0284 81.5675 78.0259 83.7988 77.4736L263.799 32.9229Z" stroke="black" stroke-width="10"/>
|
||||
<rect x="231" y="69" width="10" height="212" rx="5" fill="black"/>
|
||||
<rect x="204" y="85" width="10" height="180" rx="5" fill="black"/>
|
||||
<rect x="104" y="135" width="10" height="80" rx="5" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 632 B |
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"name": "margin-website",
|
||||
"private": true,
|
||||
"version": "0.1.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"build": "astro build",
|
||||
"preview": "astro preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"astro": "^5.6.1"
|
||||
}
|
||||
}
|
||||
Generated
+3411
File diff suppressed because it is too large.
Load diff
Binary file not shown.
@@ -0,0 +1,94 @@
|
||||
Copyright 2021 The Hanken Grotesk Project Authors (https://github.com/marcologous/hanken-grotesk)
|
||||
|
||||
|
||||
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.
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,93 @@
|
||||
Copyright 2017 The Literata Project Authors (https://github.com/googlefonts/literata)
|
||||
|
||||
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.
|
||||
Binary file not shown.
@@ -0,0 +1,6 @@
|
||||
<svg width="350" height="350" viewBox="0 0 350 350" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M263.799 32.9229C266.952 32.1427 270 34.5286 270 37.7764V312.13C270 315.392 266.926 317.781 263.765 316.975L83.7646 271.075C81.5501 270.51 80.0002 268.516 80 266.23V82.3271C80 80.0284 81.5675 78.0259 83.7988 77.4736L263.799 32.9229Z" stroke="#ece6da" stroke-width="10"/>
|
||||
<rect x="231" y="69" width="10" height="212" rx="5" fill="#ece6da"/>
|
||||
<rect x="204" y="85" width="10" height="180" rx="5" fill="#ece6da"/>
|
||||
<rect x="104" y="135" width="10" height="80" rx="5" fill="#ece6da"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 594 B |
@@ -0,0 +1,6 @@
|
||||
<svg width="350" height="350" viewBox="0 0 350 350" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M263.799 32.9229C266.952 32.1427 270 34.5286 270 37.7764V312.13C270 315.392 266.926 317.781 263.765 316.975L83.7646 271.075C81.5501 270.51 80.0002 268.516 80 266.23V82.3271C80 80.0284 81.5675 78.0259 83.7988 77.4736L263.799 32.9229Z" stroke="#23201b" stroke-width="10"/>
|
||||
<rect x="231" y="69" width="10" height="212" rx="5" fill="#23201b"/>
|
||||
<rect x="204" y="85" width="10" height="180" rx="5" fill="#23201b"/>
|
||||
<rect x="104" y="135" width="10" height="80" rx="5" fill="#23201b"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 594 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 32 32" fill-rule="evenodd"><path d="M28.312 28.26C25.003 30.7 20.208 32 16.08 32c-5.8 0-11.002-2.14-14.945-5.703-.3-.28-.032-.662.34-.444C5.73 28.33 11 29.82 16.426 29.82a29.73 29.73 0 0 0 11.406-2.332c.56-.238 1.03.367.48.773m1.376-1.575c-.42-.54-2.796-.255-3.86-.13-.325.04-.374-.243-.082-.446 1.9-1.33 4.994-.947 5.356-.5s-.094 3.56-1.87 5.044c-.273.228-.533.107-.4-.196.4-.996 1.294-3.23.87-3.772" fill="#f90"/><path d="M18.43 13.864c0 1.692.043 3.103-.812 4.605-.7 1.22-1.8 1.973-3.005 1.973-1.667 0-2.644-1.27-2.644-3.145 0-3.7 3.316-4.373 6.462-4.373v.94m4.38 10.584c-.287.257-.702.275-1.026.104-1.44-1.197-1.704-1.753-2.492-2.895-2.382 2.43-4.074 3.157-7.158 3.157-3.658 0-6.498-2.254-6.498-6.767 0-3.524 1.905-5.924 4.63-7.097 2.357-1.038 5.65-1.22 8.165-1.5V8.9c0-1.032.08-2.254-.53-3.145-.525-.8-1.54-1.13-2.437-1.13-1.655 0-3.127.85-3.487 2.608-.073.4-.36.776-.757.794L7 7.555c-.354-.08-.75-.366-.647-.9C7.328 1.54 11.945 0 16.074 0c2.113 0 4.874.562 6.54 2.162 2.113 1.973 1.912 4.605 1.912 7.47V16.4c0 2.034.843 2.925 1.637 4.025.275.4.336.86-.018 1.154a184.26 184.26 0 0 0-3.328 2.883l-.006-.012" fill="#221f1f"/><path d="M-29.65 355.868c-35 25.797-85.73 39.56-129.406 39.56-61.243 0-116.377-22.65-158.088-60.325-3.277-2.963-.34-7 3.592-4.693 45.014 26.2 100.673 41.947 158.166 41.947 38.775 0 81.43-8.022 120.65-24.67 5.925-2.517 10.88 3.88 5.086 8.18m14.55-16.647c-4.457-5.715-29.573-2.7-40.846-1.363-3.434.42-3.96-2.57-.865-4.72 20.003-14.078 52.827-10.015 56.655-5.296 3.828 4.745-.996 37.647-19.794 53.35-2.884 2.412-5.637 1.127-4.352-2.07 4.22-10.54 13.685-34.16 9.202-39.902" fill="#f90"/><path d="M-55.16 233.75v-13.685c0-2.07 1.573-3.46 3.46-3.46H9.57c1.966 0 3.54 1.416 3.54 3.46v11.72c-.026 1.966-1.678 4.536-4.614 8.6l-31.75 45.33c11.798-.288 24.25 1.468 34.947 7.498 2.412 1.363 3.067 3.356 3.25 5.322v14.603c0 1.992-2.202 4.326-4.5 3.12-18.85-9.884-43.887-10.96-64.73.105-2.124 1.154-4.352-1.154-4.352-3.146v-13.87c0-2.228.026-6.03 2.255-9.412l36.782-52.748h-32c-1.966 0-3.54-1.4-3.54-3.434m-223.495 85.385h-18.64c-1.783-.13-3.198-1.468-3.33-3.172V220.3c0-1.914 1.6-3.434 3.592-3.434h17.382c1.8.08 3.25 1.468 3.382 3.198v12.505h.34c4.536-12.086 13.056-17.723 24.54-17.723 11.666 0 18.955 5.637 24.198 17.723 4.5-12.086 14.76-17.723 25.745-17.723 7.813 0 16.36 3.225 21.576 10.46 5.9 8.05 4.693 19.74 4.693 29.992l-.026 60.377c0 1.914-1.6 3.46-3.592 3.46h-18.614c-1.86-.13-3.356-1.625-3.356-3.46v-50.703c0-4.037.367-14.105-.524-17.932-1.4-6.423-5.558-8.232-10.96-8.232-4.5 0-9.228 3.015-11.142 7.84s-1.73 12.9-1.73 18.326v50.703c0 1.914-1.6 3.46-3.592 3.46h-18.614c-1.888-.13-3.356-1.625-3.356-3.46l-.026-50.703c0-10.67 1.757-26.374-11.483-26.374-13.397 0-12.872 15.3-12.872 26.374v50.703c0 1.914-1.6 3.46-3.592 3.46m344.496-104.3c27.66 0 42.63 23.752 42.63 53.954 0 29.18-16.543 52.33-42.63 52.33-27.16 0-41.947-23.752-41.947-53.35 0-29.782 14.97-52.932 41.947-52.932m.157 19.532c-13.738 0-14.603 18.72-14.603 30.385 0 11.693-.184 36.65 14.445 36.65 14.445 0 15.127-20.135 15.127-32.404 0-8.075-.34-17.723-2.78-25.378-2.097-6.66-6.266-9.255-12.2-9.255m78.338 84.758H125.8c-1.86-.13-3.356-1.625-3.356-3.46l-.026-95.7c.157-1.757 1.704-3.12 3.592-3.12h17.277c1.625.08 2.962 1.18 3.33 2.674v14.63h.34c5.217-13.082 12.532-19.322 25.404-19.322 8.363 0 16.517 3.015 21.76 11.273 4.876 7.655 4.876 20.528 4.876 29.782v60.22c-.2 1.678-1.757 3.015-3.592 3.015h-18.693c-1.704-.13-3.12-1.4-3.303-3.015v-51.962c0-10.46 1.206-25.77-11.667-25.77-4.535 0-8.704 3.04-10.775 7.655-2.622 5.846-2.962 11.667-2.962 18.116v51.516c-.026 1.914-1.652 3.46-3.644 3.46m66.293-7.594c0-4.824 4.116-8.704 9.176-8.704s9.176 3.88 9.176 8.704c0 4.798-4.116 8.73-9.176 8.73s-9.176-3.933-9.176-8.73m197.5 7.63c-1.94-.08-3.46-1.573-3.46-3.46V220.04c.105-1.704 1.547-3.04 3.33-3.146h6.843c1.888 0 3.408 1.363 3.565 3.146v13.947c4.876-11.064 13.947-19.715 25.404-19.715h1.4c12.165 0 21.052 8.966 24.355 21.996 5.165-12.872 14.865-21.996 27.66-21.996h1.416c9.045 0 17.75 5.82 22.258 14.68 4.352 8.468 4.195 19.74 4.195 29.206l-.026 57.546c.026 1.835-1.468 3.33-3.33 3.46h-8.18c-1.783-.08-3.225-1.337-3.46-3v-58.018c0-6.843.34-14.105-2.438-20.344-2.83-6.37-8.258-10.356-14.078-10.644-6.502.315-12.48 5.06-16.36 11.457-5.034 8.258-4.85 15.704-4.85 25.352v52.25c-.236 1.573-1.625 2.805-3.33 2.936h-8.127c-1.94-.08-3.487-1.573-3.487-3.46l-.052-61.374c0-5.637-.34-12.27-2.936-17.33-3.015-5.768-8.416-9.543-14.078-9.83-5.873.34-11.798 4.824-15.3 10.04-4.536 6.66-5.4 14.9-5.4 23.36v55.134c0 1.835-1.494 3.33-3.356 3.46h-8.153M352 321.157c-26.453 0-38.303-26.977-38.303-53.954 0-28.367 13.92-52.932 40.557-52.932h1.416c25.902 0 38.8 26.164 38.8 53.142 0 28.576-14.288 53.745-41.082 53.745h-1.4m1.94-13.082c8.704-.288 15.573-5.7 19.636-14.68 3.644-8.075 4.352-17.33 4.352-26.2 0-9.648-1.05-19.715-5.584-27.973-4.064-7.2-11.037-11.798-18.43-12.06-8.232.288-15.6 5.873-19.296 14.472-3.33 7.446-4.352 17.33-4.352 25.56 0 9.255 1.206 19.95 5.034Line truncated
|
||||
|
After Width: | Height: | Size: 7.0 KiB |
@@ -0,0 +1,62 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
|
||||
<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
|
||||
<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
|
||||
<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
|
||||
<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
|
||||
<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
|
||||
<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
|
||||
<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
|
||||
<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
|
||||
]>
|
||||
<svg version="1.1"
|
||||
id="svg2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 902.7 902.7"
|
||||
style="enable-background:new 0 0 902.7 902.7;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:url(#SVGID_1_);}
|
||||
.st1{fill:url(#SVGID_2_);}
|
||||
.st2{fill:url(#SVGID_3_);}
|
||||
</style>
|
||||
<metadata id="metadata7">
|
||||
<rdf:RDF>
|
||||
<cc:Work rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></dc:type>
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
<sfw xmlns="&ns_sfw;">
|
||||
<slices></slices>
|
||||
<sliceSourceBounds bottomLeftOrigin="true" height="902.7" width="902.7" x="6.1" y="16.6"></sliceSourceBounds>
|
||||
</sfw>
|
||||
</metadata>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="451.368" y1="908.6044" x2="451.368" y2="22.3235" gradientTransform="matrix(1 0 0 -1 0 916.586)">
|
||||
<stop offset="0" style="stop-color:#FFBB1C"/>
|
||||
<stop offset="1" style="stop-color:#AE1A00"/>
|
||||
</linearGradient>
|
||||
<path class="st0" d="M451.4,0C202.1,0,0,202.1,0,451.4s202.1,451.4,451.4,451.4s451.4-202.1,451.4-451.4l0,0
|
||||
C902.7,202.1,700.7,0,451.4,0z"/>
|
||||
|
||||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="451.3675" y1="872.9812" x2="451.3675" y2="57.9072" gradientTransform="matrix(1 0 0 -1 0 916.586)">
|
||||
<stop offset="0" style="stop-color:#FEC216"/>
|
||||
<stop offset="1" style="stop-color:#DD4C01"/>
|
||||
</linearGradient>
|
||||
<path class="st1" d="M866.5,451.4c0,229.3-185.8,415.1-415.1,415.1S36.3,680.6,36.3,451.4S222.1,36.3,451.4,36.3
|
||||
S866.5,222.1,866.5,451.4L866.5,451.4z"/>
|
||||
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="451.2435" y1="245.6635" x2="451.2435" y2="692.1786">
|
||||
<stop offset="0" style="stop-color:#EEEEEE"/>
|
||||
<stop offset="1" style="stop-color:#D0D0CD"/>
|
||||
</linearGradient>
|
||||
<path class="st2" d="M441.3,331.8c0-17.4-16.2-41.1-29.8-54.1c-21.8-21-50.7-33.3-87.3-37.1c-38-4-85.5,8-118.1,29.7
|
||||
c-18.2,12.1-25.3,21.3-27.3,35.6c-0.6,4-0.8,72.1-0.7,168.7c0.2,91.6,0.4,139.1,0.5,161.2c0,6.6,7.5,10.4,12.9,6.5
|
||||
c4-2.9,45.9-29.4,69-34.3c17-4.4,30.7-6.1,48.4-6.1c42,0,77.5,14.6,104.4,42.9c17.6,18.1,27.9,49.9,27.9,49.9
|
||||
S441.3,385.6,441.3,331.8z M461.2,694.5c0,0,10.4-31.8,27.9-49.9c26.9-28.3,62.4-42.9,104.4-42.9c17.6,0,31.4,1.7,48.4,6.1
|
||||
c23.2,4.9,65.1,31.5,69,34.3c5.3,3.9,12.9,0.1,12.9-6.5c0.1-22.2,0.4-69.6,0.5-161.2c0.2-96.6-0.1-164.7-0.7-168.7
|
||||
c-2-14.2-9-23.4-27.3-35.6c-32.6-21.7-80.1-33.6-118.1-29.7c-36.6,3.8-65.5,16.1-87.3,37.1c-13.6,13.1-29.8,36.8-29.8,54.1
|
||||
C461.2,385.6,461.2,694.5,461.2,694.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.6 KiB |
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#35614A;}
|
||||
.st1{fill:#FFFFFF;}
|
||||
</style>
|
||||
<path class="st0" d="M58.8,64H5.2C2.3,64,0,61.7,0,58.8V5.2C0,2.3,2.3,0,5.2,0h53.5C61.7,0,64,2.3,64,5.2v53.5
|
||||
C64,61.7,61.7,64,58.8,64z"/>
|
||||
<g>
|
||||
<path class="st1" d="M42.2,30.1c0.3,5.7,0.4,7.3,0.4,12.2v10.7h-7.1V11h7.1c0,0,3.4,12.3,4.1,15c0.8,2.6,1.3,4.9,1.7,6.6
|
||||
c-0.2-4.1-0.3-9.2-0.3-13.4v-8.3H55v42h-6.4c0,0-3.9-13-4.7-15.5C43.3,35.5,42.8,33.2,42.2,30.1L42.2,30.1z"/>
|
||||
<path class="st1" d="M22.9,30.6c3.4-0.2,5.4-2.9,5.4-8.1c0-7.2-2-11.6-9.5-11.6H9v42.1h9.8c6.7,0,10.7-3.2,10.7-11.9
|
||||
C29.5,34.3,26.7,30.6,22.9,30.6z M16.5,15.8h1.4c2.5,0,3,1.8,3,6.7c0,3.6-0.4,5.4-2.5,5.4h-1.9V15.8z M18.5,48.1h-1.9V33.2h1.8
|
||||
c2.4,0,3,2.3,3,7C21.4,46.7,20.8,48.1,18.5,48.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,29 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="146px" height="27px" viewBox="0 0 146 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 52.3 (67297) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Artboard</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Group-2">
|
||||
<g id="Group" transform="translate(0.959956, 0.687500)">
|
||||
<rect id="Rectangle-path" x="0" y="0" width="144.061402" height="25.5"></rect>
|
||||
<g opacity="0.54" transform="translate(83.719689, 2.062500)" fill="#000000" fill-rule="nonzero" id="Shape">
|
||||
<path d="M0.037374861,17.25 L0.037374861,0.075 L6.24160178,0.075 C7.58709677,0.075 8.74571746,0.525 9.71746385,1.40625 C10.6892102,2.2875 11.1937709,3.4125 11.1937709,4.7625 C11.1937709,5.5875 10.9882091,6.3 10.5583982,6.91875 C10.1285873,7.5375 9.5679644,8.00625 8.87652948,8.34375 L8.87652948,8.4375 C9.71746385,8.71875 10.4088988,9.225 10.9508343,9.91875 C11.4927697,10.63125 11.7730812,11.4375 11.7730812,12.375 C11.7730812,13.78125 11.2498331,14.94375 10.2220245,15.88125 C9.1942158,16.8 7.97953281,17.26875 6.57797553,17.26875 L0.037374861,17.26875 L0.037374861,17.25 Z M2.24249166,7.425 L6.24160178,7.425 C7.06384872,7.425 7.73659622,7.14375 8.24115684,6.6 C8.74571746,6.05625 8.98865406,5.4375 8.98865406,4.78125 C8.98865406,4.125 8.74571746,3.525 8.25984427,2.98125 C7.77397108,2.4375 7.13859844,2.15625 6.33503893,2.15625 L2.24249166,2.15625 L2.24249166,7.425 Z M2.24249166,15.13125 L6.67141268,15.13125 C7.51234705,15.13125 8.20378198,14.83125 8.72703003,14.25 C9.25027809,13.65 9.51190211,13.0125 9.51190211,12.3 C9.51190211,11.5875 9.23159066,10.95 8.68965517,10.36875 C8.14771969,9.7875 7.43759733,9.4875 6.5592881,9.4875 L2.24249166,9.4875 L2.24249166,15.13125 Z"></path>
|
||||
<path d="M14.7817575,6.9 C15.9216908,5.7 17.3606229,5.11875 19.1172414,5.11875 C20.8738598,5.11875 22.312792,5.71875 23.4527253,6.9 C24.5926585,8.1 25.1532814,9.58125 25.1532814,11.38125 C25.1532814,13.18125 24.5926585,14.6625 23.4527253,15.8625 C22.312792,17.0625 20.8738598,17.64375 19.1172414,17.64375 C17.3606229,17.64375 15.9216908,17.04375 14.7817575,15.8625 C13.6418242,14.6625 13.0812013,13.18125 13.0812013,11.38125 C13.0812013,9.58125 13.6418242,8.08125 14.7817575,6.9 Z M16.407564,14.45625 C17.1737486,15.225 18.0707453,15.61875 19.0985539,15.61875 C20.1263626,15.61875 21.0233593,15.225 21.7895439,14.45625 C22.5557286,13.6875 22.9294772,12.65625 22.9294772,11.38125 C22.9294772,10.10625 22.5557286,9.075 21.7895439,8.30625 C21.0233593,7.5375 20.1263626,7.14375 19.0985539,7.14375 C18.0707453,7.14375 17.1737486,7.5375 16.407564,8.30625 C15.6413793,9.075 15.2676307,10.10625 15.2676307,11.38125 C15.2863181,12.65625 15.6600667,13.6875 16.407564,14.45625 Z"></path>
|
||||
<path d="M28.0498331,6.9 C29.1897664,5.7 30.6286986,5.11875 32.385317,5.11875 C34.1419355,5.11875 35.5808676,5.71875 36.7208009,6.9 C37.8607341,8.1 38.4213571,9.58125 38.4213571,11.38125 C38.4213571,13.18125 37.8607341,14.6625 36.7208009,15.8625 C35.5808676,17.0625 34.1419355,17.64375 32.385317,17.64375 C30.6286986,17.64375 29.1897664,17.04375 28.0498331,15.8625 C26.9098999,14.6625 26.349277,13.18125 26.349277,11.38125 C26.349277,9.58125 26.9098999,8.08125 28.0498331,6.9 Z M29.694327,14.45625 C30.4605117,15.225 31.3575083,15.61875 32.385317,15.61875 C33.4131257,15.61875 34.3101224,15.225 35.076307,14.45625 C35.8424917,13.6875 36.2162403,12.65625 36.2162403,11.38125 C36.2162403,10.10625 35.8424917,9.075 35.076307,8.30625 C34.3101224,7.5375 33.4131257,7.14375 32.385317,7.14375 C31.3575083,7.14375 30.4605117,7.5375 29.694327,8.30625 C28.9281424,9.075 28.5543938,10.10625 28.5543938,11.38125 C28.5543938,12.65625 28.9281424,13.6875 29.694327,14.45625 Z"></path>
|
||||
<polygon points="42.3830923 0.075 42.3830923 10.65 47.447386 5.49375 50.269188 5.49375 50.269188 5.5875 45.7094549 10.1625 50.4934372 17.1375 50.4934372 17.23125 47.839822 17.23125 44.1583982 11.68125 42.3830923 13.4625 42.3830923 17.25 40.1779755 17.25 40.1779755 0.075"></polygon>
|
||||
<path d="M55.7259177,17.625 C54.4177976,17.625 53.3339266,17.30625 52.4929922,16.66875 C51.6333704,16.03125 51.0166852,15.225 50.6242492,14.26875 L52.5864294,13.44375 C53.2031146,14.925 54.2682981,15.65625 55.7632925,15.65625 C56.4547275,15.65625 57.0153504,15.50625 57.4451613,15.20625 C57.8749722,14.90625 58.0992214,14.49375 58.0992214,14.00625 C58.0992214,13.2375 57.5572859,12.7125 56.4921023,12.45 L54.1187987,11.86875 C53.3713014,11.68125 52.6611791,11.30625 51.9884316,10.78125 C51.3156841,10.2375 50.9793103,9.525 50.9793103,8.60625 C50.9793103,7.575 51.4464961,6.73125 52.3621802,6.075 C53.2778643,5.41875 54.3617353,5.1 55.6324805,5.1 C56.6602892,5.1 57.5946607,5.34375 58.3982202,5.8125 C59.2204672,6.28125 59.7997775,6.95625 60.1361513,7.8375 L58.2300334,8.625 C57.8002225,7.59375 56.9032258,7.06875 55.5577308,7.06875 C54.9036707,7.06875 54.3617353,7.2 53.9132369,7.48125 C53.4647386,7.7625 53.2404894,8.11875 53.2404894,8.5875 C53.2404894,9.2625 53.7637375,9.7125 54.7915462,9.95625 L57.1087875,10.5 C58.2113459,10.7625 59.0149055,11.19375 59.5568409,11.8125 C60.080089,12.43125 60.341713,13.14375 60.341713,13.93125 C60.341713,14.98125 59.9119021,15.8625 59.0522803,16.575 C58.1926585,17.2875 57.0714127,17.625 55.7259177,17.625 Z"></path>
|
||||
</g>
|
||||
<g id="XMLID_36_">
|
||||
<path d="M0.130812013,9.8625 C0.130812013,4.44375 4.67185762,0.01875 10.0912125,0.01875 C13.0812013,0.01875 15.2115684,1.2 16.8186874,2.7375 L14.931257,4.63125 C13.7913237,3.54375 12.2215795,2.71875 10.0912125,2.71875 C6.14816463,2.71875 3.0647386,5.90625 3.0647386,9.8625 C3.0647386,13.81875 6.14816463,17.00625 10.0912125,17.00625 C12.6513904,17.00625 14.10901,15.975 15.0433815,15.0375 C15.8095662,14.26875 16.3141268,13.1625 16.5010011,11.6625 L10.0912125,11.6625 L10.0912125,8.98125 L19.1172414,8.98125 C19.2106785,9.46875 19.2667408,10.03125 19.2667408,10.66875 C19.2667408,12.69375 18.7248053,15.1875 16.9494994,16.95 C15.2302558,18.75 13.025139,19.70625 10.1098999,19.70625 C4.67185762,19.6875 0.130812013,15.28125 0.130812013,9.8625 Z" id="XMLID_26_" fill="#4285F4" fill-rule="nonzero"></path>
|
||||
<path d="M26.5361513,7.03125 C23.0416018,7.03125 20.2011123,9.69375 20.2011123,13.36875 C20.2011123,17.025 23.0416018,19.70625 26.5361513,19.70625 C30.0307008,19.70625 32.8711902,17.025 32.8711902,13.36875 C32.8711902,9.69375 30.0307008,7.03125 26.5361513,7.03125 Z M26.5361513,17.19375 C24.6300334,17.19375 22.9668521,15.61875 22.9668521,13.35 C22.9668521,11.0625 24.6113459,9.50625 26.5361513,9.50625 C28.4422692,9.50625 30.1054505,11.0625 30.1054505,13.35 C30.1054505,15.61875 28.4422692,17.19375 26.5361513,17.19375 Z" id="XMLID_22_" fill="#EA4335" fill-rule="nonzero"></path>
|
||||
<path d="M40.3648498,7.03125 C36.8703003,7.03125 34.0298109,9.69375 34.0298109,13.36875 C34.0298109,17.025 36.8703003,19.70625 40.3648498,19.70625 C43.8593993,19.70625 46.6998888,17.025 46.6998888,13.36875 C46.6998888,9.69375 43.8593993,7.03125 40.3648498,7.03125 Z M40.3648498,17.19375 C38.4587319,17.19375 36.7955506,15.61875 36.7955506,13.35 C36.7955506,11.0625 38.4400445,9.50625 40.3648498,9.50625 C42.2896552,9.50625 43.9341491,11.0625 43.9341491,13.35 C43.9341491,15.61875 42.2709677,17.19375 40.3648498,17.19375 Z" id="XMLID_19_" fill="#FBBC05" fill-rule="nonzero"></path>
|
||||
<path d="M57.3330367,7.40625 L57.3330367,8.4375 L57.2395996,8.4375 C56.6229143,7.6875 55.4269188,7.0125 53.9132369,7.0125 C50.7550612,7.0125 47.8585095,9.7875 47.8585095,13.36875 C47.8585095,16.9125 50.7550612,19.6875 53.9132369,19.6875 C55.4269188,19.6875 56.6229143,19.0125 57.2395996,18.24375 L57.3330367,18.24375 L57.3330367,19.1625 C57.3330367,21.58125 56.043604,22.875 53.9692992,22.875 C52.268743,22.875 51.2222469,21.65625 50.792436,20.625 L48.3817575,21.6375 C49.0731924,23.325 50.9232481,25.3875 53.9879867,25.3875 C57.2395996,25.3875 59.9866518,23.475 59.9866518,18.7875 L59.9866518,7.40625 L57.3330367,7.40625 Z M54.1561735,17.19375 C52.2500556,17.19375 50.6429366,15.58125 50.6429366,13.36875 C50.6429366,11.1375 52.2500556,9.50625 54.1561735,9.50625 C56.043604,9.50625 57.519911,11.1375 57.519911,13.36875 C57.5385984,15.6 56.043604,17.19375 54.1561735,17.19375 Z" id="XMLID_15_" fill="#4285F4" fill-rule="nonzero"></path>
|
||||
<polygon id="XMLID_14_" fill="#34A853" fill-rule="nonzero" points="61.8927697 0.69375 64.6585095 0.69375 64.6585095 19.3125 61.8927697 19.3125"></polygon>
|
||||
<path d="M72.2642937,17.19375 C70.8440489,17.19375 69.8536151,16.5375 69.1995551,15.28125 L77.6462736,11.775 L77.3659622,11.0625 C76.8427141,9.6375 75.2355951,7.03125 71.9652948,7.03125 C68.7136819,7.03125 66.0040044,9.6 66.0040044,13.36875 C66.0040044,16.9125 68.676307,19.70625 72.2642937,19.70625 C75.1608454,19.70625 76.8240267,17.925 77.5341491,16.89375 L75.3850945,15.45 C74.6562848,16.5 73.6845384,17.19375 72.2642937,17.19375 Z M72.0587319,9.46875 C73.1612903,9.46875 74.0956618,10.0125 74.3946607,10.81875 L68.7510567,13.1625 C68.676307,10.725 70.6384872,9.46875 72.0587319,9.46875 Z" id="XMLID_7_" fill="#EA4335" fill-rule="nonzero"></path>
|
||||
<rect id="XMLID_4_" x="0" y="0" width="77.7397108" height="25.5"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><defs><radialGradient id="A" cx="-254.817" cy="705.837" gradientTransform="matrix(2.827,1.6322,-1.6322,2.827,1967.2161,-1760.7166)" gradientUnits="userSpaceOnUse" r="82.973"><stop offset="0" stop-color="#ffd24d"/><stop offset="1" stop-color="#f6c338"/></radialGradient><radialGradient id="B" cx="-254.82" cy="705.836" gradientTransform="matrix(2.827,1.6322,-1.6322,2.827,1967.2161,-1760.7166)" gradientUnits="userSpaceOnUse" r="82.978"><stop offset="0" stop-color="#4387fd"/><stop offset=".65" stop-color="#3078f0"/><stop offset=".91" stop-color="#2b72ea"/><stop offset="1" stop-color="#286ee6"/></radialGradient></defs><g transform="matrix(.460432 0 0 .460432 57.509647 126.82041)"><path d="M-100.704-145.738l-24.2-41.9 45.3-78.5 24.2 41.9z" fill="#0da960"/><path d="M-100.704-145.738l24.2-41.9h90.6l-24.2 41.9z" fill="url(#B)"/><path d="M14.096-187.638h-48.4l-45.3-78.5h48.4z" fill="url(#A)"/><path d="M-55.404-187.638h-21.1l10.5-18.3-34.7 60.2z" fill="#2d6fdd"/><path d="M-34.304-187.638h48.4l-58.9-18.3z" fill="#e5b93c"/><path d="M-66.004-205.938l10.6-18.3-24.2-41.9z" fill="#0c9b57"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1 @@
|
||||
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 308.4 352.9" width="2185" height="2500"><style>.st0{fill:#1768a4}.st1{fill:#3e94d1}.st2{fill:#61cbee}.st3{fill:#fff}</style><path class="st0" d="M0 7.6C0 4.9 1.4 2.4 3.7 1 6.1-.3 9-.3 11.3 1l293.2 167.6c2.3 1.3 3.8 3.8 3.8 6.5s-1.4 5.2-3.8 6.5L12.9 351.8c-2.3 1.4-5.2 1.4-7.6 0-2.3-1.3-3.8-3.8-3.8-6.5L0 7.6z"/><path class="st1" d="M103.4 57.4c0-.8-.1-1.5-.3-1.5H53.6c-.2 0-.3.7-.3 1.5v267c0 .8.1 1.5.3 1.5h3.7l46-26.9V57.4z"/><image width="683" height="1064" xlink:href="28CA37E5.png" transform="matrix(.24 0 0 .24 96.35 48.834)" overflow="visible" opacity=".44"/><path class="st2" d="M255.1 210.5V57.4c0-.8-.5-1.5-1-1.5h-33.9v41.5l-14.7-7.1-15.7 7.1V55.8h-85.5c-.6 0-1 .7-1 1.5V299l151.8-88.5z"/><g><image width="177" height="223" xlink:href="28CA37E7.png" transform="matrix(.24 0 0 .24 184.835 50.834)" overflow="visible" opacity=".44"/><path class="st3" d="M205.5 90.2l14.7 7.1V55.8h-30.4v41.5z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1020 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="134 307.5 32 32" width="64" height="64"><g transform="matrix(.181794 0 0 .181794 111.21426 251.37762)"><linearGradient y2="434.291" x2="100.359" y1="319.454" x1="215.196" gradientUnits="userSpaceOnUse" id="A"><stop offset="0" stop-color="#00a0ff"/><stop offset=".007" stop-color="#00a1ff"/><stop offset=".26" stop-color="#00beff"/><stop offset=".512" stop-color="#00d2ff"/><stop offset=".76" stop-color="#00dfff"/><stop offset="1" stop-color="#00e3ff"/></linearGradient><path d="M137.5 311.5c-2 2.1-3.2 5.4-3.2 9.6v151.3c0 4.2 1.2 7.5 3.2 9.6l.5.5 84.8-84.8v-2L138 310.9z" fill="url(#A)"/><linearGradient y2="396.75" x2="132.007" y1="396.75" x1="297.578" gradientUnits="userSpaceOnUse" id="B"><stop offset="0" stop-color="#ffe000"/><stop offset=".409" stop-color="#ffbd00"/><stop offset=".775" stop-color="orange"/><stop offset="1" stop-color="#ff9c00"/></linearGradient><path d="M251 426l-28.2-28.3v-2l28.3-28.3.6.4 33.5 19c9.6 5.4 9.6 14.3 0 19.8l-33.5 19z" fill="url(#B)"/><linearGradient y2="568.208" x2="80.242" y1="412.481" x1="235.969" gradientUnits="userSpaceOnUse" id="C"><stop offset="0" stop-color="#ff3a44"/><stop offset="1" stop-color="#c31162"/></linearGradient><path d="M251.7 425.6l-28.9-28.9-85.3 85.3c3.1 3.3 8.4 3.8 14.2.4l100-56.8" fill="url(#C)"/><linearGradient y2="330.609" x2="185.559" y1="261.07" x1="116.02" gradientUnits="userSpaceOnUse" id="D"><stop offset="0" stop-color="#32a071"/><stop offset=".069" stop-color="#2da771"/><stop offset=".476" stop-color="#15cf74"/><stop offset=".801" stop-color="#06e775"/><stop offset="1" stop-color="#00f076"/></linearGradient><path d="M251.7 367.9l-100-56.8c-5.9-3.3-11.1-2.9-14.2.4l85.3 85.3z" fill="url(#D)"/><path d="M251 425l-99.3 56.4c-5.6 3.2-10.5 3-13.7.1l-.5.5.5.5c3.2 2.9 8.2 3.1 13.7-.1l100-56.8z" opacity=".2"/><path d="M137.5 481c-2-2.1-3.2-5.4-3.2-9.6v1c0 4.2 1.2 7.5 3.2 9.6l.5-.5zm147.6-75.4L251 425l.6.6 33.5-19c4.8-2.7 7.2-6.3 7.2-9.9-.4 3.3-2.8 6.4-7.2 8.9z" opacity=".12"/><path d="M151.7 312l133.4 75.8c4.3 2.5 6.8 5.6 7.2 8.9 0-3.6-2.4-7.2-7.2-9.9L151.7 311c-9.6-5.4-17.4-.9-17.4 10v1c0-10.9 7.8-15.4 17.4-10z" opacity=".25" fill="#fff"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,66 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="388px" height="86px" viewBox="0 0 388 86" enable-background="new 0 0 388 86" xml:space="preserve">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FF9900" d="M134.49,69.526c-12.391,9.145-30.354,14.007-45.822,14.007
|
||||
c-21.679,0-41.201-8.014-55.973-21.353c-1.16-1.048-0.125-2.479,1.269-1.667c15.938,9.274,35.649,14.86,56.006,14.86
|
||||
c13.732,0,28.828-2.851,42.719-8.742C134.783,65.744,136.54,68.013,134.49,69.526z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FF9900" d="M139.646,63.641c-1.585-2.029-10.475-0.962-14.47-0.483
|
||||
c-1.21,0.146-1.398-0.912-0.308-1.678c7.093-4.981,18.714-3.543,20.065-1.875c1.361,1.683-0.357,13.334-7.004,18.894
|
||||
c-1.022,0.855-1.995,0.399-1.542-0.73C137.884,74.033,141.232,65.671,139.646,63.641z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M125.458,26.289v-4.841c0.004-0.737,0.558-1.228,1.228-1.226l21.695-0.002
|
||||
c0.693,0,1.25,0.504,1.25,1.221v4.152c-0.006,0.697-0.593,1.605-1.633,3.047l-11.238,16.045c4.171-0.098,8.585,0.527,12.375,2.658
|
||||
c0.854,0.479,1.083,1.19,1.151,1.888v5.166c0,0.711-0.78,1.535-1.599,1.105c-6.676-3.497-15.538-3.879-22.922,0.044
|
||||
c-0.754,0.401-1.543-0.41-1.543-1.123v-4.909c0-0.786,0.015-2.13,0.808-3.327l13.02-18.679l-11.336-0.001
|
||||
C126.018,27.508,125.462,27.014,125.458,26.289z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.321,56.521h-6.601c-0.628-0.042-1.129-0.513-1.181-1.116l0.005-33.874
|
||||
c0-0.678,0.569-1.219,1.273-1.219l6.147-0.002c0.643,0.033,1.159,0.519,1.199,1.138v4.422h0.124
|
||||
c1.602-4.277,4.621-6.273,8.686-6.273c4.128,0,6.716,1.997,8.564,6.273c1.603-4.277,5.237-6.273,9.119-6.273
|
||||
c2.772,0,5.792,1.141,7.64,3.707c2.094,2.852,1.665,6.985,1.665,10.621l-0.006,21.378c0,0.676-0.569,1.219-1.273,1.219H75.09
|
||||
c-0.663-0.043-1.184-0.567-1.184-1.217l-0.002-17.958c0-1.424,0.123-4.989-0.186-6.343c-0.493-2.282-1.971-2.924-3.88-2.924
|
||||
c-1.603,0-3.267,1.069-3.945,2.78c-0.677,1.711-0.616,4.562-0.616,6.487v17.957c0,0.676-0.569,1.219-1.272,1.219h-6.593
|
||||
c-0.663-0.043-1.185-0.567-1.185-1.217l-0.006-17.958c0-3.778,0.616-9.337-4.065-9.337c-4.745,0-4.56,5.417-4.56,9.337
|
||||
l-0.002,17.957C47.595,55.979,47.024,56.521,46.321,56.521z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M168.307,19.597c9.796,0,15.093,8.413,15.093,19.104
|
||||
c0,10.335-5.852,18.534-15.093,18.534c-9.611,0-14.849-8.413-14.849-18.891C153.458,27.794,158.757,19.597,168.307,19.597z
|
||||
M168.367,26.512c-4.867,0-5.174,6.628-5.174,10.763c0,4.134-0.061,12.973,5.114,12.973c5.115,0,5.36-7.128,5.36-11.475
|
||||
c0-2.851-0.123-6.273-0.987-8.983C171.941,27.438,170.461,26.512,168.367,26.512z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M196.105,56.521h-6.576c-0.661-0.043-1.185-0.567-1.185-1.217l-0.011-33.887
|
||||
c0.056-0.62,0.603-1.105,1.268-1.105l6.122-0.002c0.577,0.03,1.052,0.423,1.173,0.948v5.182h0.125
|
||||
c1.849-4.635,4.435-6.844,8.994-6.844c2.957,0,5.854,1.069,7.701,3.993c1.725,2.708,1.725,7.27,1.725,10.549v21.316
|
||||
c-0.072,0.6-0.612,1.066-1.265,1.066h-6.615c-0.611-0.039-1.104-0.488-1.175-1.066V37.062c0-3.707,0.432-9.125-4.128-9.125
|
||||
c-1.603,0-3.081,1.069-3.82,2.708c-0.925,2.068-1.049,4.134-1.049,6.417v18.24C197.379,55.979,196.809,56.521,196.105,56.521z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M108.164,40.344c0,2.573,0.061,4.715-1.236,7.002c-1.049,1.856-2.717,3-4.568,3
|
||||
c-2.531,0-4.013-1.93-4.013-4.787c0-5.621,5.042-6.643,9.818-6.643V40.344z M114.817,56.437c-0.436,0.393-1.066,0.418-1.559,0.153
|
||||
c-2.191-1.821-2.584-2.663-3.783-4.397c-3.623,3.69-6.188,4.798-10.882,4.798c-5.556,0-9.879-3.43-9.879-10.288
|
||||
c0-5.357,2.902-9,7.039-10.787c3.58-1.572,8.582-1.857,12.411-2.287v-0.857c0-1.572,0.123-3.428-0.804-4.786
|
||||
c-0.803-1.215-2.346-1.715-3.705-1.715c-2.517,0-4.754,1.29-5.305,3.963c-0.114,0.595-0.548,1.184-1.146,1.214l-6.397-0.693
|
||||
c-0.541-0.122-1.141-0.555-0.986-1.38c1.472-7.76,8.48-10.104,14.76-10.104c3.212,0,7.409,0.855,9.941,3.286
|
||||
c3.212,3,2.902,7.002,2.902,11.36v10.281c0,3.094,1.285,4.45,2.491,6.116c0.422,0.602,0.516,1.314-0.022,1.754
|
||||
c-1.348,1.131-3.743,3.211-5.061,4.384L114.817,56.437z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.64,40.344c0,2.573,0.062,4.715-1.234,7.002c-1.048,1.856-2.717,3-4.569,3
|
||||
c-2.531,0-4.013-1.93-4.013-4.787c0-5.621,5.043-6.643,9.816-6.643V40.344z M28.295,56.437c-0.436,0.393-1.067,0.418-1.559,0.153
|
||||
c-2.193-1.821-2.586-2.663-3.783-4.397c-3.624,3.69-6.189,4.798-10.881,4.798c-5.557,0-9.879-3.43-9.879-10.288
|
||||
c0-5.357,2.901-9,7.039-10.787c3.581-1.572,8.583-1.857,12.409-2.287v-0.857c0-1.572,0.125-3.428-0.801-4.786
|
||||
c-0.804-1.215-2.347-1.715-3.705-1.715c-2.518,0-4.757,1.29-5.305,3.963c-0.115,0.595-0.548,1.184-1.147,1.214l-6.396-0.693
|
||||
C3.745,30.632,3.144,30.2,3.3,29.374C4.77,21.614,11.778,19.27,18.06,19.27c3.211,0,7.41,0.855,9.941,3.286
|
||||
c3.21,3,2.902,7.002,2.902,11.36v10.281c0,3.094,1.284,4.45,2.49,6.116c0.421,0.602,0.517,1.314-0.021,1.754
|
||||
c-1.349,1.131-3.745,3.211-5.062,4.384L28.295,56.437z"/>
|
||||
<path fill="#FF9900" d="M246.028,56.535L230.65,37.891h-0.075v18.644h-5.53V2.877h5.53v30.467h0.075l13.182-12.657h7.196
|
||||
l-15.757,14.627l17.803,21.221H246.028z"/>
|
||||
<path fill="#FF9900" d="M259.511,13.184c-2.121,0-3.863-1.743-3.863-3.865c0-2.123,1.742-3.865,3.863-3.865s3.863,1.742,3.863,3.865
|
||||
C263.374,11.441,261.632,13.184,259.511,13.184z M256.784,56.535V20.687h5.529v35.848H256.784z"/>
|
||||
<path fill="#FF9900" d="M293.392,56.535V34.481c0-4.472-0.757-9.474-6.212-9.474c-4.394,0-8.408,3.107-11.135,5.458v26.071h-5.53
|
||||
V20.687h4.545l0.758,4.32c3.938-3.031,7.803-5.229,12.803-5.229c5.15,0,10.302,3.713,10.302,12.657v24.101H293.392z"/>
|
||||
<path fill="#FF9900" d="M323.313,57.293c-9.999,0-18.408-5.835-18.408-18.189c0-11.14,8.029-19.326,18.483-19.326
|
||||
c2.575,0,4.395,0.227,5.833,0.606V2.877h5.53v51.839C332.555,56.005,328.389,57.293,323.313,57.293z M329.222,25.538
|
||||
c-1.438-0.531-2.727-0.909-5.529-0.909c-7.046,0-13.182,5.533-13.182,14.097c0,8.109,4.47,13.869,13.787,13.869
|
||||
c1.817,0,3.788-0.379,4.924-0.909V25.538z"/>
|
||||
<path fill="#FF9900" d="M349.144,57.293c-4.394,0-6.287-2.804-6.287-6.594V2.877h5.53v45.321c0,3.41,0.833,4.093,2.954,4.093
|
||||
c0.379,0,0.985,0,1.894-0.227l0.683,4.017C352.25,56.914,350.962,57.293,349.144,57.293z"/>
|
||||
<path fill="#FF9900" d="M362.854,39.559c0,6.821,3.939,12.958,11.666,12.958c3.258,0,6.591-1.287,8.712-2.651l1.742,3.94
|
||||
c-2.651,1.819-7.196,3.486-11.136,3.486c-11.438,0-16.894-9.17-16.894-19.402c0-10.383,5.909-18.113,14.545-18.113
|
||||
c9.242,0,14.317,7.352,14.317,18.493c0,0.379,0,0.833,0,1.289H362.854z M371.565,24.477c-5.302,0-8.636,4.699-8.636,10.383h16.894
|
||||
C379.823,29.858,377.021,24.477,371.565,24.477z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.7 KiB |
@@ -0,0 +1 @@
|
||||
<svg viewBox="0.4 0.4 149 27.700000000000003" xmlns="http://www.w3.org/2000/svg" width="2500" height="459"><g fill="#c0272d"><path d="M96.9.4h3.3v11.8l4.6-5.4h4l-5.3 6.1 5.7 8.1h-3.9l-5-7.2h-.1V21h-3.3z"/><path d="M115.2 19c2.4 0 2.7-2.4 2.7-5.1 0-2.6-.4-5.1-2.7-5.1-2.4 0-2.7 2.4-2.7 5.1-.1 2.6.3 5.1 2.7 5.1m-6.3-5.1c0-4.6 2.2-7.4 6.3-7.4s6.2 2.8 6.2 7.4-2.2 7.4-6.2 7.4c-4.1 0-6.3-2.8-6.3-7.4M129.2 19c2.1 0 2.5-2.8 2.5-5.1 0-2.6-.3-5.3-2.5-5.3-2 0-2.6 2.9-2.6 5.3-.1 3.5.5 5.1 2.6 5.1m-2.7-10.5c.5-.7 1.6-2 3.7-2 3.4 0 4.9 2.9 4.9 7.4 0 4-1.4 7.4-6 7.4-3.7 0-5.9-2.1-5.9-6.3V.4h3.3zM143.1 19c2.4 0 2.7-2.4 2.7-5.1 0-2.6-.4-5.1-2.7-5.1-2.4 0-2.7 2.4-2.7 5.1-.1 2.6.3 5.1 2.7 5.1m-6.3-5.1c0-4.6 2.2-7.4 6.3-7.4s6.3 2.8 6.3 7.4-2.2 7.4-6.3 7.4-6.3-2.8-6.3-7.4M73.6 23.8h-55l4.4 4.3zM23.7 6.1v.7c-1-.7-1.9-1-3.2-1-3.9 0-6.8 3.5-6.8 7.8s2.9 7.8 6.8 7.8c1.3 0 2.2-.4 3.2-1v.6h3.4V6.1zm-3.2 11.6c-1.9 0-3.3-1.9-3.3-4.2 0-2.4 1.4-4.2 3.3-4.2s3.2 1.9 3.2 4.2c0 2.4-1.3 4.2-3.2 4.2M50.8 6.1v8.8c0 1.6-1.1 3-2.8 3-1.6 0-2.8-1.4-2.8-3V6.1h-3.4v8.8c0 3.6 2.5 6.5 6.1 6.5 1.7 0 2.9-.9 2.9-.9v.5h3.4V6.1zM82.4 21v-8.8c0-1.6 1.1-3 2.8-3 1.6 0 2.8 1.4 2.8 3V21h3.4v-8.8c0-3.6-2.5-6.5-6.1-6.5-1.7 0-2.9.9-2.9.9v-.5H79V21z"/><path d="M4 21v-5.8h2.5l4.3 5.8h4.4L10 14c1.6-1.2 2.7-3.1 2.7-5.2 0-3.5-2.9-6.4-6.4-6.4H.4V21zM4 5.9h2.3c1.6 0 2.9 1.3 2.9 2.9s-1.3 2.9-2.9 2.9H4zM63.3 17.4c-.3.2-.7.4-1.1.4-.6 0-1.6-.4-1.6-1.8V9.6h2.9V6.1h-2.9V2.3h-3.4V6h-1.8v3.5h1.8V16c0 3.3 2.5 5.3 5 5.3.9 0 2.2-.3 3.3-.9zM35.5 13l5.8-6.9h-4.7l-4.1 5.1V1.1H29V21h3.5v-6.2l5 6.2h4.7z"/><path d="M71.2 5.7c-3.9 0-6.7 3.4-6.7 7.8 0 4.6 3.5 7.8 7.1 7.8 1.8 0 4.1-.6 6-3.3l-3-1.7c-2.3 3.4-6.2 1.7-6.6-1.7h9.8c.7-5.4-2.8-8.9-6.6-8.9m2.9 5.9H68c.7-3.5 5.5-3.7 6.1 0"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,438 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" viewBox="0 0 216 256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>Tux</title>
|
||||
<defs id="tux_fx">
|
||||
<linearGradient id="gradient_belly_shadow">
|
||||
<stop offset="0" stop-color="#000000"/>
|
||||
<stop offset="1" stop-color="#000000" stop-opacity="0.25"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_wing_tip_right_shadow">
|
||||
<stop offset="0" stop-color="#110800"/>
|
||||
<stop offset="0.59" stop-color="#a65a00" stop-opacity="0.8"/>
|
||||
<stop offset="1" stop-color="#ff921e" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_wing_tip_right_glare_1">
|
||||
<stop offset="0" stop-color="#7c7c7c"/>
|
||||
<stop offset="1" stop-color="#7c7c7c" stop-opacity="0.33"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_wing_tip_right_glare_2">
|
||||
<stop offset="0" stop-color="#7c7c7c"/>
|
||||
<stop offset="1" stop-color="#7c7c7c" stop-opacity="0.33"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_foot_left_layer_1">
|
||||
<stop offset="0" stop-color="#b98309"/>
|
||||
<stop offset="1" stop-color="#382605"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_foot_left_glare">
|
||||
<stop offset="0" stop-color="#ebc40c"/>
|
||||
<stop offset="1" stop-color="#ebc40c" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_foot_right_shadow">
|
||||
<stop offset="0" stop-color="#000000"/>
|
||||
<stop offset="1" stop-color="#000000" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_foot_right_layer_1">
|
||||
<stop offset="0" stop-color="#3e2a06"/>
|
||||
<stop offset="1" stop-color="#ad780a"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_foot_right_glare">
|
||||
<stop offset="0" stop-color="#f3cd0c"/>
|
||||
<stop offset="1" stop-color="#f3cd0c" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_eyeball">
|
||||
<stop offset="0" stop-color="#fefefc"/>
|
||||
<stop offset="0.75" stop-color="#fefefc"/>
|
||||
<stop offset="1" stop-color="#d4d4d4"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_pupil_left_glare">
|
||||
<stop offset="0" stop-color="#757574" stop-opacity="0"/>
|
||||
<stop offset="0.25" stop-color="#757574"/>
|
||||
<stop offset="0.5" stop-color="#757574"/>
|
||||
<stop offset="1" stop-color="#757574" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_pupil_right_glare_2">
|
||||
<stop offset="0" stop-color="#949494" stop-opacity="0.39"/>
|
||||
<stop offset="0.5" stop-color="#949494"/>
|
||||
<stop offset="1" stop-color="#949494" stop-opacity="0.39"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_eyelid_left">
|
||||
<stop offset="0" stop-color="#c8c8c8"/>
|
||||
<stop offset="1" stop-color="#797978"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_eyelid_right">
|
||||
<stop offset="0" stop-color="#747474"/>
|
||||
<stop offset="0.13" stop-color="#8c8c8c"/>
|
||||
<stop offset="0.25" stop-color="#a4a4a4"/>
|
||||
<stop offset="0.5" stop-color="#d4d4d4"/>
|
||||
<stop offset="0.62" stop-color="#d4d4d4"/>
|
||||
<stop offset="1" stop-color="#7c7c7c"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_eyebrow">
|
||||
<stop offset="0" stop-color="#646464" stop-opacity="0"/>
|
||||
<stop offset="0.31" stop-color="#646464" stop-opacity="0.58"/>
|
||||
<stop offset="0.47" stop-color="#646464"/>
|
||||
<stop offset="0.73" stop-color="#646464" stop-opacity="0.26"/>
|
||||
<stop offset="1" stop-color="#646464" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_beak_base">
|
||||
<stop offset="0" stop-color="#020204"/>
|
||||
<stop offset="0.73" stop-color="#020204"/>
|
||||
<stop offset="1" stop-color="#5c5c5c"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_mandible_lower">
|
||||
<stop offset="0" stop-color="#d2940a"/>
|
||||
<stop offset="0.75" stop-color="#d89c08"/>
|
||||
<stop offset="0.87" stop-color="#b67e07"/>
|
||||
<stop offset="1" stop-color="#946106"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_mandible_upper">
|
||||
<stop offset="0" stop-color="#ad780a"/>
|
||||
<stop offset="0.12" stop-color="#d89e08"/>
|
||||
<stop offset="0.25" stop-color="#edb80b"/>
|
||||
<stop offset="0.39" stop-color="#ebc80d"/>
|
||||
<stop offset="0.53" stop-color="#f5d838"/>
|
||||
<stop offset="0.77" stop-color="#f6d811"/>
|
||||
<stop offset="1" stop-color="#f5cd31"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_nares">
|
||||
<stop offset="0" stop-color="#3a2903"/>
|
||||
<stop offset="0.55" stop-color="#735208"/>
|
||||
<stop offset="1" stop-color="#ac8c04"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gradient_beak_corner">
|
||||
<stop offset="0" stop-color="#f5ce2d"/>
|
||||
<stop offset="1" stop-color="#d79b08"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="fill_belly_shadow_left" href="#gradient_belly_shadow" xlink:href="#gradient_belly_shadow"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(61.18,121.19) scale(19,18)"/>
|
||||
<radialGradient id="fill_belly_shadow_right" href="#gradient_belly_shadow" xlink:href="#gradient_belly_shadow"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(125.74,131.6) scale(23.6,18)"/>
|
||||
<radialGradient id="fill_belly_shadow_middle" href="#gradient_belly_shadow" xlink:href="#gradient_belly_shadow"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(94.21,127.47) scale(9.35,10)"/>
|
||||
<linearGradient id="fill_foot_left_base" href="#gradient_foot_left_layer_1" xlink:href="#gradient_foot_left_layer_1"
|
||||
gradientUnits="userSpaceOnUse" x1="23.18" y1="193.01" x2="64.31" y2="262.02"/>
|
||||
<linearGradient id="fill_foot_left_glare" href="#gradient_foot_left_glare" xlink:href="#gradient_foot_left_glare"
|
||||
gradientUnits="userSpaceOnUse" x1="64.47" y1="210.83" x2="77.41" y2="235.21"/>
|
||||
<linearGradient id="fill_foot_right_shadow" href="#gradient_foot_right_shadow" xlink:href="#gradient_foot_right_shadow"
|
||||
gradientUnits="userSpaceOnUse" x1="146.93" y1="211.96" x2="150.2" y2="235.73"/>
|
||||
<linearGradient id="fill_foot_right_base" href="#gradient_foot_right_layer_1" xlink:href="#gradient_foot_right_layer_1"
|
||||
gradientUnits="userSpaceOnUse" x1="151.5" y1="253.02" x2="192.94" y2="185.84"/>
|
||||
<linearGradient id="fill_foot_right_glare" href="#gradient_foot_right_glare" xlink:href="#gradient_foot_right_glare"
|
||||
gradientUnits="userSpaceOnUse" x1="162.81" y1="180.67" x2="161.59" y2="191.64"/>
|
||||
<radialGradient id="fill_wing_tip_right_shadow_lower" href="#gradient_wing_tip_right_shadow" xlink:href="#gradient_wing_tip_right_shadow"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(169.71,194.53) rotate(15) scale(19.66,20.64)"/>
|
||||
<radialGradient id="fill_wing_tip_right_shadow_upper" href="#gradient_wing_tip_right_shadow" xlink:href="#gradient_wing_tip_right_shadow"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(169.71,189.89) rotate(-2.42) scale(19.74,14.86)"/>
|
||||
<radialGradient id="fill_wing_tip_right_glare_1" href="#gradient_wing_tip_right_glare_1" xlink:href="#gradient_wing_tip_right_glare_1"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(184.65,176.62) rotate(23.5) scale(6.95,3.21)"/>
|
||||
<linearGradient id="fill_wing_tip_right_glare_2" href="#gradient_wing_tip_right_glare_2" xlink:href="#gradient_wing_tip_right_glare_2"
|
||||
gradientUnits="userSpaceOnUse" x1="165.69" y1="173.58" x2="168.27" y2="173.47"/>
|
||||
<radialGradient id="fill_eyeball_left" href="#gradient_eyeball" xlink:href="#gradient_eyeball"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(86.49,51.41) rotate(-0.6) scale(10.24,15.68)"/>
|
||||
<linearGradient id="fill_pupil_left_glare" href="#gradient_pupil_left_glare" xlink:href="#gradient_pupil_left_glare"
|
||||
gradientUnits="userSpaceOnUse" x1="84.29" y1="46.64" x2="89.32" y2="55.63"/>
|
||||
<radialGradient id="fill_eyelid_left" href="#gradient_eyelid_left" xlink:href="#gradient_eyelid_left"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(84.89,43.74) rotate(-9.35) scale(6.25,5.77)"/>
|
||||
<linearGradient id="fill_eyebrow_left" href="#gradient_eyebrow" xlink:href="#gradient_eyebrow"
|
||||
gradientUnits="userSpaceOnUse" x1="83.59" y1="32.51" x2="94.48" y2="43.63"/>
|
||||
<radialGradient id="fill_eyeball_right" href="#gradient_eyeball" xlink:href="#gradient_eyeball"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(118.06,51.41) rotate(-1.8) scale(13.64,15.68)"/>
|
||||
<linearGradient id="fill_pupil_right_glare" href="#gradient_pupil_right_glare_2" xlink:href="#gradient_pupil_right_glare_2"
|
||||
gradientUnits="userSpaceOnUse" x1="117.87" y1="47.25" x2="123.66" y2="54.11"/>
|
||||
<linearGradient id="fill_eyelid_right" href="#gradient_eyelid_right" xlink:href="#gradient_eyelid_right"
|
||||
gradientUnits="userSpaceOnUse" x1="112.9" y1="36.23" x2="131.32" y2="47.01"/>
|
||||
<linearGradient id="fill_eyebrow_right" href="#gradient_eyebrow" xlink:href="#gradient_eyebrow"
|
||||
gradientUnits="userSpaceOnUse" x1="119.16" y1="31.56" x2="131.42" y2="43.14"/>
|
||||
<radialGradient id="fill_beak_base" href="#gradient_beak_base" xlink:href="#gradient_beak_base"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(97.64,60.12) rotate(-36) scale(11.44,10.38)"/>
|
||||
<radialGradient id="fill_mandible_lower_base" href="#gradient_mandible_lower" xlink:href="#gradient_mandible_lower"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(109.77,70.61) rotate(-22.4) scale(27.15,19.07)"/>
|
||||
<linearGradient id="fill_mandible_upper_base" href="#gradient_mandible_upper" xlink:href="#gradient_mandible_upper"
|
||||
gradientUnits="userSpaceOnUse" x1="78.09" y1="69.26" x2="126.77" y2="68.88"/>
|
||||
<radialGradient id="fill_naris_left" href="#gradient_nares" xlink:href="#gradient_nares"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(92.11,59.88) scale(1.32,1.42)"/>
|
||||
<radialGradient id="fill_naris_right" href="#gradient_nares" xlink:href="#gradient_nares"
|
||||
gradientUnits="userSpaceOnUse" cx="0" cy="0" r="1" gradientTransform="translate(104.65,59.7) scale(2.78,1.62)"/>
|
||||
<linearGradient id="fill_beak_corner" href="#gradient_beak_corner" xlink:href="#gradient_beak_corner"
|
||||
gradientUnits="userSpaceOnUse" x1="126.74" y1="67.49" x2="126.74" y2="71.09"/>
|
||||
<filter id="blur_belly_shadow_left">
|
||||
<feGaussianBlur stdDeviation="0.64 0.55"/>
|
||||
</filter>
|
||||
<filter id="blur_belly_shadow_right">
|
||||
<feGaussianBlur stdDeviation="0.98"/>
|
||||
</filter>
|
||||
<filter id="blur_belly_shadow_middle">
|
||||
<feGaussianBlur stdDeviation="0.68"/>
|
||||
</filter>
|
||||
<filter id="blur_belly_shadow_lower" x="-0.8" width="2.6" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="1.25"/>
|
||||
</filter>
|
||||
<filter id="blur_belly_glare" x="-0.8" width="2.6" y="-0.5" height="2">
|
||||
<feGaussianBlur stdDeviation="1.78 2.19"/>
|
||||
</filter>
|
||||
<filter id="blur_head_glare" x="-0.3" width="1.6" y="-0.3" height="1.6">
|
||||
<feGaussianBlur stdDeviation="1.73"/>
|
||||
</filter>
|
||||
<filter id="blur_neck_glare" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.78"/>
|
||||
</filter>
|
||||
<filter id="blur_wing_left_glare" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.98"/>
|
||||
</filter>
|
||||
<filter id="blur_wing_right_glare" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="1.19 1.17"/>
|
||||
</filter>
|
||||
<filter id="blur_foot_left_layer_1" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="3.38"/>
|
||||
</filter>
|
||||
<filter id="blur_foot_left_layer_2">
|
||||
<feGaussianBlur stdDeviation="2.1 2.06"/>
|
||||
</filter>
|
||||
<filter id="blur_foot_left_glare">
|
||||
<feGaussianBlur stdDeviation="0.32"/>
|
||||
</filter>
|
||||
<filter id="blur_foot_right_shadow">
|
||||
<feGaussianBlur stdDeviation="1.95 1.9"/>
|
||||
</filter>
|
||||
<filter id="blur_foot_right_layer_1" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="4.12"/>
|
||||
</filter>
|
||||
<filter id="blur_foot_right_layer_2" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="3.12 3.37"/>
|
||||
</filter>
|
||||
<filter id="blur_foot_right_glare" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.41"/>
|
||||
</filter>
|
||||
<filter id="blur_wing_tip_right_shadow_lower" x="-0.3" width="1.6" y="-0.3" height="1.6">
|
||||
<feGaussianBlur stdDeviation="2.45"/>
|
||||
</filter>
|
||||
<filter id="blur_wing_tip_right_shadow_upper" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="1.12 0.81"/>
|
||||
</filter>
|
||||
<filter id="blur_wing_tip_right_glare" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.88"/>
|
||||
</filter>
|
||||
<filter id="blur_pupil_left_glare" x="-0.3" width="1.6" y="-0.3" height="1.6">
|
||||
<feGaussianBlur stdDeviation="0.44"/>
|
||||
</filter>
|
||||
<filter id="blur_eyebrow_left">
|
||||
<feGaussianBlur stdDeviation="0.12"/>
|
||||
</filter>
|
||||
<filter id="blur_pupil_right_glare" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.45"/>
|
||||
</filter>
|
||||
<filter id="blur_eyebrow_right">
|
||||
<feGaussianBlur stdDeviation="0.13"/>
|
||||
</filter>
|
||||
<filter id="blur_beak_shadow_lower" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="1.75"/>
|
||||
</filter>
|
||||
<filter id="blur_beak_shadow_upper">
|
||||
<feGaussianBlur stdDeviation="0.8 0.74"/>
|
||||
</filter>
|
||||
<filter id="blur_mandible_lower_glare" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.77"/>
|
||||
</filter>
|
||||
<filter id="blur_mandible_upper_shadow">
|
||||
<feGaussianBlur stdDeviation="0.65"/>
|
||||
</filter>
|
||||
<filter id="blur_mandible_upper_glare" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.73"/>
|
||||
</filter>
|
||||
<filter id="blur_naris_left" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.1"/>
|
||||
</filter>
|
||||
<filter id="blur_naris_right">
|
||||
<feGaussianBlur stdDeviation="0.1"/>
|
||||
</filter>
|
||||
<filter id="blur_beak_corner" x="-0.2" width="1.4" y="-0.2" height="1.4">
|
||||
<feGaussianBlur stdDeviation="0.23"/>
|
||||
</filter>
|
||||
<clipPath id="clip_body">
|
||||
<use href="#body_base" xlink:href="#body_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_wing_left">
|
||||
<use href="#wing_left_base" xlink:href="#wing_left_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_wing_right">
|
||||
<use href="#wing_right_base" xlink:href="#wing_right_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_foot_left">
|
||||
<use href="#foot_left_base" xlink:href="#foot_left_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_foot_right">
|
||||
<use href="#foot_right_base" xlink:href="#foot_right_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_wing_tip_right">
|
||||
<use href="#wing_tip_right_base" xlink:href="#wing_tip_right_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_eye_left">
|
||||
<use href="#eyeball_left" xlink:href="#eyeball_left"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_pupil_left">
|
||||
<use href="#pupil_left_base" xlink:href="#pupil_left_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_eye_right">
|
||||
<use href="#eyeball_right" xlink:href="#eyeball_right"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_pupil_right">
|
||||
<use href="#pupil_right_base" xlink:href="#pupil_right_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_mandible_lower">
|
||||
<use href="#mandible_lower_base" xlink:href="#mandible_lower_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_mandible_upper">
|
||||
<use href="#mandible_upper_base" xlink:href="#mandible_upper_base"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip_beak">
|
||||
<use href="#mandible_lower_base" xlink:href="#mandible_lower_base"/>
|
||||
<use href="#mandible_upper_base" xlink:href="#mandible_upper_base"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g id="tux">
|
||||
<g id="body">
|
||||
<path id="body_base" fill="#020204"
|
||||
d="m 106.95,0 c -6,0 -12.02,1.18 -17.46,4.12 -5.78,3.11 -10.52,8.09 -13.43,13.97 -2.92,5.88 -4.06,12.16 -4.24,19.08 -0.33,13.14 0.3,26.92 1.29,39.41 0.26,3.8 0.74,6.02 0.25,9.93 -1.62,8.3 -8.88,13.88 -12.76,21.17 -4.27,8.04 -6.07,17.13 -9.29,25.65 -2.95,7.79 -7.09,15.1 -9.88,22.95 -3.91,10.97 -5.08,23.03 -2.5,34.39 1.97,8.66 6.08,16.78 11.62,23.73 -0.8,1.44 -1.58,2.91 -2.4,4.34 -2.57,4.43 -5.71,8.64 -7.17,13.55 -0.73,2.45 -1.02,5.07 -0.55,7.59 0.47,2.52 1.75,4.93 3.75,6.53 1.31,1.04 2.9,1.72 4.53,2.1 1.63,0.37 3.32,0.46 5,0.43 6.37,-0.14 12.55,-2.07 18.71,-3.69 3.66,-0.96 7.34,-1.81 11.03,-2.58 13.14,-2.69 27.8,-1.61 39.99,0.15 4.13,0.63 8.23,1.44 12.29,2.43 6.36,1.54 12.69,3.5 19.23,3.69 1.72,0.05 3.46,-0.03 5.14,-0.4 1.68,-0.38 3.31,-1.06 4.65,-2.13 2.01,-1.6 3.29,-4.02 3.76,-6.54 0.47,-2.52 0.18,-5.15 -0.56,-7.61 -1.48,-4.92 -4.65,-9.11 -7.27,-13.52 -1.04,-1.75 -2,-3.53 -3.03,-5.28 7.9,-8.87 14.26,-19.13 17.94,-30.4 4.01,-12.3 4.75,-25.55 3.06,-38.38 -1.69,-12.83 -5.76,-25.27 -11.11,-37.05 -6.72,-14.76 -12.37,-20.1 -16.47,-33.07 -4.42,-14.02 -0.77,-30.61 -4.06,-43.32 -1.17,-4.32 -3.04,-8.45 -5.45,-12.23 -2.82,-4.43 -6.4,-8.39 -10.65,-11.47 -6.78,-4.92 -15.3,-7.54 -23.96,-7.54 z"/>
|
||||
<path id="belly" fill="#fdfdfb"
|
||||
d="m 83.13,74 c -0.9,1.13 -1.48,2.49 -1.84,3.89 -0.35,1.4 -0.48,2.85 -0.54,4.3 -0.11,2.89 0.07,5.83 -0.7,8.62 -0.82,2.98 -2.65,5.57 -4.44,8.08 -3.11,4.36 -6.25,8.84 -7.78,13.97 -0.93,3.1 -1.24,6.39 -0.91,9.62 -3.47,5.1 -6.48,10.53 -8.98,16.18 -3.78,8.57 -6.37,17.69 -7.28,27.01 -1.12,11.41 0.34,23.15 4.85,33.69 3.25,7.63 8.11,14.6 14.38,20.04 3.18,2.76 6.72,5.11 10.5,6.97 13.11,6.45 29.31,6.46 42.2,-0.41 6.74,-3.59 12.43,-8.84 17.91,-14.15 3.3,-3.2 6.59,-6.48 9.11,-10.32 4.85,-7.41 6.54,-16.41 7.59,-25.2 1.83,-15.36 1.89,-31.6 -4.85,-45.53 -2.32,-4.8 -5.41,-9.22 -9.12,-13.05 -0.98,-6.7 -2.93,-13.27 -5.76,-19.42 -2.05,-4.45 -4.54,-8.68 -6.44,-13.18 -0.78,-1.85 -1.46,-3.75 -2.32,-5.56 -0.87,-1.81 -1.93,-3.55 -3.39,-4.94 -1.48,-1.42 -3.33,-2.43 -5.28,-3.07 -1.95,-0.65 -4.01,-0.94 -6.06,-1.04 -4.11,-0.21 -8.22,0.33 -12.33,0.16 -3.27,-0.13 -6.53,-0.7 -9.8,-0.51 -1.63,0.1 -3.26,0.39 -4.78,1.01 -1.52,0.61 -2.92,1.56 -3.94,2.84 z"/>
|
||||
<g id="body_self_shadows">
|
||||
<path id="belly_shadow_left" opacity="0.25" fill="url(#fill_belly_shadow_left)" filter="url(#blur_belly_shadow_left)" clip-path="url(#clip_body)"
|
||||
d="m 68.67,115.18 c 0.87,1.31 -0.55,5.84 19.86,2.94 0,0 -3.59,0.39 -7.12,1.21 -5.49,1.84 -10.27,3.89 -13.97,6.61 -3.65,2.7 -6.33,6.21 -9.68,9.22 0,0 5.43,-9.92 6.78,-12.91 1.36,-2.99 -0.22,-2.85 0.85,-7.25 1.07,-4.4 3.69,-8.63 3.69,-8.63 0,0 -2.14,6.22 -0.41,8.81 z"/>
|
||||
<path id="belly_shadow_right" opacity="0.42" fill="url(#fill_belly_shadow_right)" filter="url(#blur_belly_shadow_right)" clip-path="url(#clip_body)"
|
||||
d="m 134.28,113.99 c -4.16,2.9 -6.6,2.56 -11.64,3.12 -5.05,0.57 -18.7,0.36 -18.7,0.36 0,0 1.97,-0.03 6.36,0.78 4.38,0.82 13.31,1.6 18.34,3.51 5.04,1.92 6.87,2.47 9.93,4.4 4.35,2.75 7.55,7.06 11.71,10.08 0,0 0.2,-4 -1.48,-6.99 -1.68,-2.99 -6.2,-7.7 -7.53,-12.1 -1.32,-4.4 -1.96,-13.04 -1.96,-13.04 0,0 -0.88,6.99 -5.03,9.88 z"/>
|
||||
<path id="belly_shadow_middle" opacity="0.2" fill="url(#fill_belly_shadow_middle)" filter="url(#blur_belly_shadow_middle)" clip-path="url(#clip_body)"
|
||||
d="m 95.17,107.81 c -0.16,1.25 -0.36,2.5 -0.6,3.74 -0.12,0.61 -0.26,1.22 -0.48,1.8 -0.23,0.58 -0.56,1.14 -1.02,1.55 -0.41,0.37 -0.9,0.62 -1.4,0.85 -1.94,0.88 -4.01,1.47 -6.12,1.74 0.84,0.06 1.68,0.14 2.53,0.23 0.53,0.06 1.06,0.12 1.57,0.25 0.52,0.14 1.03,0.34 1.46,0.65 0.47,0.35 0.84,0.82 1.12,1.34 0.55,1.02 0.73,2.2 0.83,3.37 0.13,1.48 0.14,2.98 0.03,4.46 0.1,-0.99 0.31,-1.98 0.62,-2.92 0.57,-1.72 1.47,-3.32 2.69,-4.65 0.49,-0.52 1.02,-1.01 1.6,-1.42 1.79,-1.26 4.07,-1.81 6.24,-1.51 -2.21,0.09 -4.44,-0.6 -6.2,-1.93 -0.9,-0.68 -1.68,-1.52 -2.22,-2.5 -0.84,-1.52 -1.08,-3.37 -0.65,-5.05 z"/>
|
||||
<path id="belly_shadow_lower" opacity="0.11" fill="#000000" filter="url(#blur_belly_shadow_lower)" clip-path="url(#clip_body)"
|
||||
d="m 89.85,137.14 c -1.06,4.03 -1.79,8.15 -2.17,12.31 -0.55,5.87 -0.42,11.78 -0.74,17.67 -0.26,4.99 -0.85,10.04 0.02,14.97 0.41,2.35 1.15,4.64 2.2,6.78 0.16,-0.82 0.29,-1.64 0.36,-2.47 0.37,-4 -0.3,-8.01 -0.53,-12.01 -0.4,-7.02 0.57,-14.04 0.97,-21.06 0.3,-5.39 0.27,-10.8 -0.11,-16.19 z"/>
|
||||
</g>
|
||||
<g id="body_glare">
|
||||
<path id="belly_glare" opacity="0.75" fill="#7c7c7c" filter="url(#blur_belly_glare)" clip-path="url(#clip_body)"
|
||||
d="m 160.08,131.23 c 1.03,-0.16 7.34,5.21 6.48,7.21 -0.86,1.99 -2.49,0.79 -3.65,0.8 -1.16,0.02 -4.33,1.46 -4.86,0.55 -0.54,-0.91 1.4,-3.03 2.41,-4.81 0.82,-1.43 -1.4,-3.59 -0.38,-3.75 z"/>
|
||||
<path id="head_glare" fill="#7c7c7c" filter="url(#blur_head_glare)" clip-path="url(#clip_body)"
|
||||
d="m 121.52,11.12 c -2.21,1.56 -1.25,3.51 -0.3,5.46 0.95,1.96 -2.09,7.59 -2.12,7.83 -0.03,0.24 5.98,-2.85 7.62,-4.87 1.94,-2.37 6.83,3.22 6.56,2.37 0.01,-1.52 -9.55,-12.34 -11.76,-10.79 z"/>
|
||||
<path id="neck_glare" fill="#838384" filter="url(#blur_neck_glare)" clip-path="url(#clip_body)"
|
||||
d="m 138.27,76.63 c -1.86,1.7 0.88,4.25 2.17,7.24 0.81,1.86 3.04,4.49 5.2,4.07 1.63,-0.32 2.63,-2.66 2.48,-4.3 -0.3,-3.18 -2.98,-3.93 -4.93,-5.02 -1.54,-0.86 -3.61,-3.18 -4.92,-1.99 z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="wings">
|
||||
<g id="wing_left">
|
||||
<path id="wing_left_base" fill="#020204"
|
||||
d="m 63.98,100.91 c -6.1,6.92 -12.37,13.63 -15.81,21.12 -1.71,3.8 -2.51,7.93 -3.68,11.93 -1.32,4.54 -3.12,8.94 -5.14,13.22 -1.87,3.95 -3.93,7.81 -5.98,11.66 -1.5,2.81 -3.02,5.67 -3.54,8.81 -0.41,2.48 -0.18,5.04 0.46,7.47 0.63,2.43 1.64,4.75 2.79,6.98 4.88,9.55 12.21,17.77 20.89,24.07 3.94,2.85 8.15,5.32 12.58,7.35 2.4,1.09 4.92,2.07 7.56,2.11 1.32,0.03 2.65,-0.19 3.86,-0.72 1.2,-0.53 2.28,-1.38 3,-2.49 0.88,-1.36 1.18,-3.05 1,-4.66 -0.18,-1.61 -0.81,-3.15 -1.65,-4.53 -2.06,-3.38 -5.31,-5.83 -8.44,-8.25 -6.76,-5.23 -13.29,-10.76 -19.55,-16.58 -1.76,-1.65 -3.53,-3.34 -4.76,-5.42 -1.2,-2.02 -1.85,-4.32 -2.29,-6.63 -1.21,-6.33 -0.9,-12.99 1.25,-19.07 0.85,-2.38 1.96,-4.65 3.04,-6.93 1.86,-3.95 3.62,-7.98 6.07,-11.6 3.05,-4.51 7.13,-8.33 9.61,-13.17 2.1,-4.09 2.95,-8.68 3.76,-13.2 0.64,-3.54 1.85,-7 2.47,-10.54 -1.21,2.3 -5.11,6.07 -7.5,9.07 z"/>
|
||||
<path id="wing_left_glare" opacity="0.95" fill="#7c7c7c" filter="url(#blur_wing_left_glare)" clip-path="url(#clip_wing_left)"
|
||||
d="m 56.96,126.1 c -2,1.84 -3.73,3.97 -5.13,6.31 -2.3,3.84 -3.65,8.16 -5.33,12.31 -1.24,3.09 -2.69,6.2 -2.86,9.53 -0.09,1.71 0.16,3.42 0.22,5.13 0.06,1.71 -0.1,3.49 -0.94,4.98 -0.7,1.25 -1.87,2.23 -3.22,2.71 1.83,0.61 3.45,1.79 4.6,3.33 0.96,1.3 1.58,2.81 2.41,4.18 0.68,1.12 1.51,2.16 2.54,2.97 1.02,0.82 2.25,1.4 3.54,1.56 1.79,0.23 3.65,-0.36 4.97,-1.58 -1.66,-15.55 -0.14,-31.42 4.44,-46.37 0.29,-0.94 0.59,-1.89 0.67,-2.87 0.07,-0.99 -0.12,-2.03 -0.72,-2.81 -0.31,-0.42 -0.74,-0.75 -1.23,-0.96 -0.48,-0.2 -1.02,-0.28 -1.54,-0.21 -0.52,0.06 -1.03,0.26 -1.45,0.57 -0.42,0.32 -0.76,0.74 -0.97,1.22 z"/>
|
||||
</g>
|
||||
<g id="wing_right">
|
||||
<path id="wing_right_base" fill="#020204"
|
||||
d="m 162.76,127.12 c 5.24,4.22 8.57,10.59 9.6,17.24 0.8,5.18 0.28,10.51 -0.89,15.62 -1.17,5.12 -2.97,10.06 -4.77,15 -0.71,1.96 -1.43,3.95 -1.71,6.02 -0.29,2.08 -0.11,4.27 0.89,6.11 1.15,2.11 3.29,3.56 5.59,4.24 2.27,0.68 4.72,0.66 7.02,0.09 2.3,-0.57 6.17,-1.31 8.04,-2.77 4.75,-3.69 5.88,-10.1 7.01,-15.72 1.17,-5.87 0.6,-12.02 -0.43,-17.95 -1.41,-8.09 -3.78,-15.99 -6.79,-23.62 -2.22,-5.62 -5.06,-10.98 -8.44,-15.96 -3.32,-4.89 -8.02,-8.7 -11.5,-13.48 -1.21,-1.66 -2.66,-3.38 -3.84,-5.06 -2.56,-3.62 -1.98,-2.94 -3.57,-5.29 -1.15,-1.7 -2.97,-2.28 -4.88,-3.02 -1.92,-0.74 -4.06,-0.96 -6.04,-0.41 -2.6,0.73 -4.73,2.79 -5.86,5.24 -1.13,2.46 -1.33,5.28 -0.89,7.95 0.57,3.44 2.14,6.64 3.92,9.64 2,3.39 4.32,6.66 7.35,9.18 3.16,2.63 6.98,4.37 10.19,6.95 z"/>
|
||||
<path id="wing_right_glare" fill="#838384" filter="url(#blur_wing_right_glare)" clip-path="url(#clip_wing_right)"
|
||||
d="m 150.42,118.99 c 0.42,0.4 0.86,0.81 1.31,1.19 3.22,2.63 4.93,5.58 8.2,8.16 5.34,4.22 10.75,11.5 11.8,18.15 0.82,5.19 -0.26,8.01 -1.58,14.12 -1.32,6.12 -5.06,14.78 -7.09,20.68 -0.8,2.35 1.64,1.38 1.32,3.86 -0.16,1.22 -0.18,2.45 -0.03,3.67 0.02,-0.23 0.03,-0.48 0.06,-0.71 0.39,-3.38 1.42,-6.63 2.55,-9.82 2.17,-6.13 4.66,-12.15 6.38,-18.45 1.72,-6.29 1.53,-10.82 0.63,-16.23 -1.13,-6.81 -5.09,-13.09 -10.69,-17.24 -3.97,-2.93 -8.64,-4.81 -12.86,-7.38 z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="feet">
|
||||
<g id="foot_left">
|
||||
<path id="foot_left_base" fill="url(#fill_foot_left_base)"
|
||||
d="m 34.98,175.33 c 1.38,-0.57 2.93,-0.68 4.39,-0.41 1.47,0.27 2.86,0.91 4.09,1.74 2.47,1.68 4.3,4.12 6.05,6.54 4.03,5.54 7.9,11.2 11.42,17.08 2.85,4.78 5.46,9.71 8.76,14.18 2.15,2.93 4.57,5.64 6.73,8.55 2.16,2.92 4.07,6.08 5.03,9.58 1.25,4.55 0.76,9.56 -1.4,13.75 -1.52,2.95 -3.86,5.48 -6.7,7.19 -2.84,1.71 -5.83,2.47 -9.15,2.47 -5.27,0 -10.42,-2.83 -15.32,-4.78 -9.98,-3.98 -20.82,-5.22 -31.11,-8.32 -3.16,-0.95 -6.27,-2.08 -9.45,-2.95 -1.42,-0.39 -2.85,-0.73 -4.19,-1.34 -1.34,-0.6 -2.59,-1.51 -3.33,-2.77 -0.57,-0.98 -0.8,-2.13 -0.8,-3.26 0,-1.14 0.28,-2.26 0.67,-3.32 0.77,-2.13 2.02,-4.06 2.86,-6.17 1.37,-3.44 1.62,-7.23 1.43,-10.93 -0.18,-3.69 -0.78,-7.36 -1.03,-11.05 -0.12,-1.65 -0.16,-3.32 0.16,-4.95 0.31,-1.62 1.01,-3.21 2.2,-4.35 1.1,-1.06 2.55,-1.69 4.05,-2 1.49,-0.31 3.03,-0.32 4.55,-0.29 1.52,0.03 3.05,0.12 4.57,-0.01 1.52,-0.12 3.05,-0.46 4.37,-1.22 1.26,-0.72 2.29,-1.79 3.14,-2.96 0.85,-1.17 1.54,-2.45 2.25,-3.72 0.7,-1.26 1.43,-2.52 2.36,-3.64 0.92,-1.12 2.06,-2.09 3.4,-2.64 z"/>
|
||||
<path id="foot_left_layer_1" fill="#d99a03" filter="url(#blur_foot_left_layer_1)" clip-path="url(#clip_foot_left)"
|
||||
d="m 37.16,177.7 c 1.25,-0.5 2.67,-0.56 3.98,-0.26 1.32,0.3 2.55,0.94 3.61,1.77 2.14,1.65 3.62,3.97 5.05,6.26 3.42,5.54 6.76,11.15 9.92,16.86 2.4,4.31 4.68,8.7 7.62,12.65 1.95,2.62 4.18,5.03 6.17,7.62 1.99,2.59 3.76,5.41 4.64,8.56 1.14,4.05 0.68,8.54 -1.28,12.26 -1.42,2.68 -3.58,4.96 -6.2,6.48 -2.61,1.52 -5.67,2.28 -8.69,2.14 -4.82,-0.22 -9.23,-2.63 -13.77,-4.26 -8.71,-3.16 -18.14,-3.59 -27.08,-6.05 -3.2,-0.87 -6.32,-2.03 -9.53,-2.84 -1.43,-0.36 -2.88,-0.66 -4.23,-1.23 -1.35,-0.57 -2.62,-1.45 -3.36,-2.72 -0.54,-0.95 -0.76,-2.06 -0.73,-3.15 0.04,-1.09 0.31,-2.17 0.7,-3.19 0.78,-2.04 2,-3.88 2.78,-5.92 1.19,-3.08 1.34,-6.47 1.12,-9.76 -0.22,-3.29 -0.8,-6.56 -1,-9.85 -0.08,-1.48 -0.1,-2.97 0.2,-4.41 0.3,-1.45 0.93,-2.85 1.98,-3.89 1.14,-1.13 2.7,-1.74 4.29,-1.99 1.58,-0.24 3.19,-0.13 4.78,0.01 1.6,0.14 3.2,0.32 4.8,0.23 1.6,-0.1 3.22,-0.49 4.54,-1.39 1.2,-0.81 2.1,-2 2.79,-3.27 0.69,-1.27 1.18,-2.64 1.71,-3.98 0.52,-1.35 1.09,-2.69 1.91,-3.89 0.82,-1.19 1.93,-2.24 3.28,-2.79 z"/>
|
||||
<path id="foot_left_layer_2" fill="#f5bd0c" filter="url(#blur_foot_left_layer_2)" clip-path="url(#clip_foot_left)"
|
||||
d="m 35.99,174.57 c 1.22,-0.6 2.65,-0.72 3.98,-0.45 1.33,0.27 2.57,0.92 3.62,1.77 2.09,1.7 3.43,4.13 4.67,6.51 2.84,5.46 5.5,11.04 8.9,16.19 2.48,3.73 5.33,7.2 7.83,10.92 3.39,5.03 6.15,10.57 7.29,16.5 0.76,4 0.74,8.31 -1.18,11.9 -1.27,2.37 -3.32,4.31 -5.75,5.52 -2.42,1.22 -5.21,1.71 -7.92,1.47 -4.27,-0.37 -8.14,-2.47 -12.16,-3.94 -7.13,-2.59 -14.84,-3.22 -22.18,-5.18 -3.09,-0.82 -6.13,-1.89 -9.26,-2.54 -1.39,-0.29 -2.8,-0.5 -4.12,-1 -1.32,-0.5 -2.57,-1.33 -3.25,-2.55 -0.47,-0.86 -0.63,-1.86 -0.56,-2.84 0.07,-0.97 0.36,-1.92 0.74,-2.83 0.77,-1.8 1.9,-3.46 2.49,-5.32 0.88,-2.75 0.52,-5.72 -0.14,-8.53 -0.65,-2.8 -1.6,-5.55 -1.89,-8.41 -0.13,-1.27 -0.13,-2.57 0.17,-3.82 0.29,-1.25 0.88,-2.45 1.81,-3.34 1.2,-1.15 2.88,-1.73 4.56,-1.89 1.67,-0.16 3.35,0.06 5.01,0.3 1.66,0.24 3.34,0.5 5.01,0.42 1.68,-0.07 3.39,-0.51 4.7,-1.54 1.3,-1.02 2.12,-2.53 2.59,-4.09 0.47,-1.57 0.62,-3.2 0.81,-4.82 0.19,-1.62 0.43,-3.26 1.06,-4.77 0.63,-1.51 1.69,-2.9 3.17,-3.64 z"/>
|
||||
<path id="foot_left_glare" fill="url(#fill_foot_left_glare)" filter="url(#blur_foot_left_glare)" clip-path="url(#clip_foot_left)"
|
||||
d="m 51.2,188.21 c 2.25,4.06 3.62,8.72 5.85,12.82 2.05,3.77 4.38,7.65 6.46,11.12 0.93,1.55 3.09,3.93 5.27,7.62 1.98,3.34 3.98,8.01 5.1,9.58 -0.64,-1.84 -1.96,-6.77 -3.54,-10.28 -1.47,-3.28 -3.19,-5.15 -4.24,-6.92 -2.08,-3.47 -4.33,-6.6 -6.47,-9.91 -2.95,-4.57 -5.2,-9.68 -8.43,-14.03 z"/>
|
||||
</g>
|
||||
<g id="foot_right">
|
||||
<path id="foot_right_shadow" opacity="0.2" fill="url(#fill_foot_right_shadow)" filter="url(#blur_foot_right_shadow)" clip-path="url(#clip_body)"
|
||||
d="m 198.7,215.61 c -0.4,1.33 -1.02,2.62 -1.81,3.8 -1.75,2.59 -4.3,4.55 -6.84,6.35 -4.33,3.07 -8.85,5.89 -12.89,9.38 -2.7,2.34 -5.17,4.97 -7.45,7.73 -1.95,2.36 -3.79,4.84 -6.02,6.94 -2.25,2.12 -4.89,3.84 -7.74,4.77 -3.47,1.13 -7.13,1.08 -10.47,0.22 -2.34,-0.6 -4.63,-1.64 -6.08,-3.53 -1.45,-1.89 -1.92,-4.44 -2.09,-6.94 -0.3,-4.42 0.23,-8.93 0.71,-13.42 0.4,-3.73 0.77,-7.46 0.92,-11.18 0.27,-6.77 -0.18,-13.47 -1.09,-20.05 -0.16,-1.11 -0.32,-2.22 -0.23,-3.35 0.09,-1.14 0.47,-2.32 1.27,-3.2 0.74,-0.81 1.77,-1.29 2.79,-1.52 1.02,-0.24 2.06,-0.25 3.09,-0.28 2.43,-0.06 4.86,-0.21 7.25,0.01 1.51,0.13 2.99,0.41 4.49,0.55 2.51,0.24 5.12,0.12 7.64,-0.62 2.71,-0.8 5.29,-2.29 8.05,-2.7 1.13,-0.17 2.26,-0.15 3.36,0.01 1.12,0.15 2.24,0.46 3.1,1.15 0.66,0.52 1.14,1.23 1.51,1.99 0.56,1.14 0.9,2.39 1.1,3.68 0.17,1.14 0.24,2.31 0.53,3.41 0.48,1.81 1.58,3.35 2.89,4.6 1.32,1.25 2.85,2.24 4.39,3.22 1.53,0.97 3.07,1.93 4.7,2.73 0.77,0.38 1.56,0.72 2.29,1.15 0.74,0.44 1.42,0.97 1.91,1.67 0.66,0.95 0.92,2.2 0.72,3.43 z"/>
|
||||
<path id="foot_right_base" fill="url(#fill_foot_right_base)"
|
||||
d="m 213.47,222.92 c -2.26,2.68 -5.4,4.45 -8.53,6.05 -5.33,2.71 -10.86,5.1 -15.87,8.37 -3.36,2.19 -6.46,4.76 -9.36,7.53 -2.48,2.37 -4.83,4.9 -7.61,6.91 -2.81,2.03 -6.05,3.5 -9.48,4.01 -0.95,0.14 -1.9,0.21 -2.86,0.21 -3.24,0 -6.48,-0.78 -9.46,-2.08 -2.7,-1.17 -5.3,-2.86 -6.86,-5.36 -1.56,-2.52 -1.92,-5.59 -1.92,-8.56 -0.01,-5.23 0.96,-10.41 1.87,-15.57 0.76,-4.29 1.48,-8.58 1.95,-12.91 0.85,-7.86 0.84,-15.81 0.28,-23.71 -0.1,-1.32 -0.21,-2.65 -0.01,-3.96 0.2,-1.31 0.74,-2.62 1.74,-3.48 0.93,-0.8 2.17,-1.16 3.4,-1.22 1.22,-0.07 2.44,0.12 3.65,0.3 2.85,0.42 5.73,0.74 8.52,1.48 1.76,0.46 3.48,1.08 5.23,1.56 2.94,0.79 6.01,1.17 9.02,0.82 3.25,-0.38 6.41,-1.6 9.68,-1.52 1.34,0.03 2.67,0.28 3.95,0.69 1.3,0.41 2.59,1 3.55,1.98 0.73,0.74 1.24,1.67 1.62,2.64 0.57,1.44 0.88,2.98 1.01,4.52 0.11,1.37 0.09,2.76 0.35,4.11 0.43,2.21 1.6,4.24 3.04,5.97 1.45,1.74 3.18,3.21 4.91,4.66 1.73,1.45 3.46,2.89 5.32,4.16 0.87,0.6 1.77,1.16 2.6,1.81 0.83,0.66 1.59,1.42 2.11,2.34 0.45,0.81 0.69,1.72 0.69,2.65 0,0.52 -0.07,1.04 -0.23,1.56 -0.45,1.43 -1.28,2.82 -2.3,4.04 z"/>
|
||||
<path id="foot_right_layer_1" fill="#cd8907" filter="url(#blur_foot_right_layer_1)" clip-path="url(#clip_foot_right)"
|
||||
d="m 213.21,216.12 c -0.53,1.33 -1.28,2.58 -2.22,3.67 -2.07,2.42 -4.93,4.01 -7.78,5.44 -4.88,2.44 -9.92,4.58 -14.5,7.52 -3.06,1.97 -5.9,4.28 -8.55,6.78 -2.26,2.13 -4.41,4.41 -6.95,6.21 -2.57,1.83 -5.53,3.14 -8.65,3.6 -3.8,0.56 -7.72,-0.16 -11.25,-1.67 -2.46,-1.06 -4.84,-2.56 -6.27,-4.83 -1.42,-2.26 -1.75,-5.02 -1.75,-7.69 -0.02,-4.71 0.87,-9.37 1.71,-14 0.7,-3.85 1.36,-7.71 1.78,-11.6 0.76,-7.08 0.73,-14.22 0.25,-21.32 -0.08,-1.19 -0.17,-2.39 0.01,-3.57 0.18,-1.18 0.67,-2.35 1.57,-3.13 0.85,-0.73 1.99,-1.05 3.11,-1.1 1.11,-0.06 2.22,0.12 3.33,0.28 2.61,0.38 5.23,0.67 7.78,1.33 1.61,0.42 3.18,0.98 4.78,1.4 2.68,0.72 5.49,1.06 8.24,0.74 2.97,-0.34 5.85,-1.44 8.83,-1.37 1.23,0.03 2.44,0.26 3.61,0.62 1.19,0.37 2.37,0.9 3.25,1.78 0.66,0.67 1.11,1.51 1.48,2.38 0.53,1.29 0.89,2.67 0.91,4.07 0.03,1.46 -0.28,2.92 -0.09,4.37 0.16,1.17 0.66,2.28 1.3,3.28 0.63,1 1.4,1.91 2.17,2.81 1.48,1.75 2.96,3.53 4.82,4.87 2.11,1.53 4.62,2.43 6.8,3.85 0.65,0.43 1.28,0.91 1.74,1.54 0.78,1.06 0.98,2.5 0.54,3.74 z"/>
|
||||
<path id="foot_right_layer_2" fill="#f5c021" filter="url(#blur_foot_right_layer_2)" clip-path="url(#clip_foot_right)"
|
||||
d="m 212.91,214.61 c -0.6,1.35 -1.37,2.6 -2.28,3.71 -2.12,2.58 -4.99,4.35 -8,5.49 -4.97,1.88 -10.39,2.13 -15.26,4.27 -2.97,1.3 -5.65,3.26 -8.36,5.12 -2.18,1.49 -4.42,2.94 -6.82,3.98 -2.72,1.19 -5.6,1.85 -8.5,2.32 -1.84,0.29 -3.71,0.51 -5.57,0.41 -1.86,-0.1 -3.72,-0.54 -5.37,-1.49 -1.24,-0.72 -2.36,-1.75 -3.03,-3.1 -0.73,-1.49 -0.86,-3.24 -0.85,-4.94 0.05,-4.5 1.02,-8.96 0.99,-13.47 -0.03,-3.93 -0.81,-7.8 -1.03,-11.72 -0.43,-7.54 1.19,-15.2 -0.24,-22.59 -0.22,-1.19 -0.53,-2.37 -0.52,-3.58 0.01,-0.6 0.1,-1.21 0.31,-1.77 0.22,-0.55 0.56,-1.06 1.01,-1.42 0.39,-0.29 0.84,-0.47 1.31,-0.56 0.46,-0.08 0.94,-0.06 1.41,0.01 0.93,0.15 1.82,0.51 2.73,0.78 2.6,0.78 5.35,0.76 8,1.35 1.66,0.36 3.26,0.97 4.91,1.41 2.75,0.76 5.63,1.08 8.46,0.75 3.04,-0.36 6.01,-1.46 9.07,-1.38 1.26,0.03 2.5,0.26 3.71,0.62 1.21,0.36 2.42,0.87 3.34,1.8 0.65,0.67 1.13,1.52 1.51,2.4 0.57,1.29 0.96,2.69 0.95,4.11 -0.01,0.74 -0.12,1.47 -0.19,2.21 -0.06,0.74 -0.08,1.49 0.09,2.2 0.18,0.72 0.55,1.37 0.97,1.96 0.42,0.59 0.9,1.12 1.34,1.7 1.22,1.61 2.1,3.49 3.05,5.3 0.95,1.81 2.02,3.6 3.53,4.91 2.05,1.77 4.7,2.48 6.99,3.89 0.67,0.41 1.31,0.89 1.78,1.55 0.38,0.52 0.63,1.15 0.73,1.81 0.09,0.65 0.03,1.34 -0.17,1.96 z"/>
|
||||
<path id="foot_right_glare" fill="url(#fill_foot_right_glare)" filter="url(#blur_foot_right_glare)" clip-path="url(#clip_foot_right)"
|
||||
d="m 148.08,181.58 c 2.82,-0.76 5.22,1.38 7.27,2.99 1.32,1.13 3.24,0.85 4.86,0.9 2.69,-0.09 5.36,0.45 8.05,0.12 5.3,-0.45 10.49,-1.75 15.81,-1.97 2.54,-0.16 5.4,-0.31 7.59,1.17 0.89,0.62 2.2,3.23 3.07,2.25 -0.36,-2.74 -2.39,-5.39 -5.11,-6.12 -2.14,-0.34 -4.3,0.25 -6.46,0.06 -6.39,-0.15 -12.75,-1.34 -19.16,-1 -4.46,0.04 -8.91,-0.17 -13.37,-0.34 -1.75,-0.36 -2.37,1.19 -3.32,1.79 0.25,0.19 0.34,0.25 0.77,0.15 z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="wing_tip_right">
|
||||
<g id="wing_tip_right_shadow">
|
||||
<path id="wing_tip_right_shadow_lower" opacity="0.35" fill="url(#fill_wing_tip_right_shadow_lower)" filter="url(#blur_wing_tip_right_shadow_lower)" clip-path="url(#clip_foot_right)"
|
||||
d="m 185.49,187.61 c -0.48,-0.95 -1.36,-1.66 -2.35,-2.07 -0.98,-0.41 -2.06,-0.55 -3.13,-0.54 -2.13,0.02 -4.25,0.57 -6.38,0.39 -1.79,-0.16 -3.49,-0.83 -5.24,-1.26 -1.81,-0.44 -3.73,-0.61 -5.52,-0.12 -1.92,0.52 -3.61,1.81 -4.67,3.49 -0.94,1.48 -1.38,3.23 -1.52,4.98 -0.14,1.75 0.01,3.5 0.19,5.25 0.12,1.26 0.27,2.52 0.57,3.75 0.31,1.23 0.78,2.43 1.52,3.46 1.07,1.48 2.66,2.54 4.37,3.17 2.8,1.03 5.98,0.98 8.73,-0.15 4.88,-2.12 9.01,-5.92 11.52,-10.6 0.91,-1.68 1.61,-3.47 2.06,-5.31 0.18,-0.74 0.32,-1.49 0.32,-2.25 0.01,-0.75 -0.12,-1.52 -0.47,-2.19 z"/>
|
||||
<path id="wing_tip_right_shadow_upper" opacity="0.35" fill="url(#fill_wing_tip_right_shadow_upper)" filter="url(#blur_wing_tip_right_shadow_upper)" clip-path="url(#clip_foot_right)"
|
||||
d="m 185.49,184.89 c -0.48,-0.69 -1.36,-1.2 -2.35,-1.5 -0.98,-0.3 -2.06,-0.39 -3.13,-0.39 -2.13,0.02 -4.25,0.42 -6.38,0.28 -1.79,-0.11 -3.49,-0.6 -5.24,-0.9 -1.81,-0.32 -3.73,-0.45 -5.52,-0.09 -1.92,0.37 -3.61,1.3 -4.67,2.52 -0.94,1.07 -1.38,2.34 -1.52,3.6 -0.14,1.26 0.01,2.53 0.19,3.79 0.12,0.91 0.27,1.83 0.57,2.72 0.31,0.89 0.78,1.76 1.52,2.5 1.07,1.07 2.66,1.83 4.37,2.29 2.8,0.75 5.98,0.71 8.73,-0.11 4.88,-1.53 9.01,-4.28 11.52,-7.66 0.91,-1.22 1.61,-2.51 2.06,-3.84 0.18,-0.54 0.32,-1.08 0.32,-1.62 0.01,-0.55 -0.12,-1.11 -0.47,-1.59 z"/>
|
||||
</g>
|
||||
<path id="wing_tip_right_base" fill="#020204"
|
||||
d="m 189.55,178.72 c -0.35,-0.95 -0.97,-1.79 -1.72,-2.47 -0.75,-0.68 -1.64,-1.2 -2.57,-1.6 -1.86,-0.79 -3.89,-1.09 -5.89,-1.46 -1.87,-0.35 -3.74,-0.78 -5.62,-1.1 -1.96,-0.33 -3.98,-0.55 -5.92,-0.11 -1.69,0.38 -3.26,1.26 -4.54,2.43 -1.28,1.17 -2.28,2.63 -3,4.21 -1.27,2.79 -1.67,5.92 -1.43,8.97 0.18,2.27 0.76,4.61 2.25,6.32 1.21,1.39 2.92,2.26 4.68,2.78 3.04,0.9 6.35,0.85 9.36,-0.13 4.97,-1.67 9.37,-4.98 12.35,-9.29 0.98,-1.43 1.82,-2.98 2.2,-4.66 0.29,-1.28 0.3,-2.66 -0.15,-3.89 z"/>
|
||||
<g id="wing_tip_right_glare">
|
||||
<defs>
|
||||
<path id="path_wing_tip_right_glare"
|
||||
d="m 168.89,171.07 c -0.47,0.03 -0.93,0.08 -1.4,0.17 -2.99,0.53 -5.73,2.42 -7.27,5.03 -1.09,1.85 -1.58,4.03 -1.43,6.17 0.07,-1.5 0.46,-2.97 1.19,-4.28 1.23,-2.23 3.47,-3.91 5.98,-4.37 1.54,-0.28 3.13,-0.11 4.68,0.08 1.5,0.19 3,0.39 4.47,0.7 2.28,0.5 4.53,1.26 6.44,2.59 0.44,0.31 0.86,0.66 1.21,1.08 0.35,0.41 0.62,0.89 0.73,1.42 0.15,0.78 -0.07,1.6 -0.46,2.29 -0.39,0.7 -0.92,1.3 -1.48,1.86 -0.46,0.46 -0.94,0.89 -1.43,1.32 2.21,-0.43 4.44,-1.03 6.28,-2.31 0.77,-0.55 1.48,-1.2 1.94,-2.02 0.46,-0.83 0.65,-1.83 0.43,-2.75 -0.16,-0.62 -0.5,-1.19 -0.92,-1.67 -0.42,-0.48 -0.93,-0.87 -1.45,-1.24 -2.31,-1.62 -5.01,-2.65 -7.81,-2.99 -1.8,-0.33 -3.61,-0.61 -5.42,-0.83 -1.41,-0.18 -2.86,-0.33 -4.28,-0.25 z"/>
|
||||
</defs>
|
||||
<use id="wing_tip_right_glare_1" href="#path_wing_tip_right_glare" xlink:href="#path_wing_tip_right_glare"
|
||||
fill="url(#fill_wing_tip_right_glare_1)" filter="url(#blur_wing_tip_right_glare)" clip-path="url(#clip_wing_tip_right)"/>
|
||||
<use id="wing_tip_right_glare_2" href="#path_wing_tip_right_glare" xlink:href="#path_wing_tip_right_glare"
|
||||
fill="url(#fill_wing_tip_right_glare_2)" filter="url(#blur_wing_tip_right_glare)" clip-path="url(#clip_wing_tip_right)"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="face">
|
||||
<g id="eyes">
|
||||
<g id="eye_left">
|
||||
<path id="eyeball_left" fill="url(#fill_eyeball_left)"
|
||||
d="m 84.45,38.28 c -1.53,0.08 -3,0.79 -4.12,1.84 -1.13,1.05 -1.92,2.43 -2.41,3.88 -0.97,2.92 -0.75,6.08 -0.53,9.15 0.2,2.77 0.41,5.6 1.45,8.18 0.52,1.3 1.25,2.51 2.22,3.51 0.97,0.99 2.2,1.76 3.55,2.09 1.26,0.32 2.62,0.26 3.86,-0.13 1.25,-0.4 2.38,-1.11 3.32,-2.02 1.36,-1.33 2.27,-3.07 2.8,-4.9 0.53,-1.83 0.68,-3.75 0.65,-5.66 -0.04,-2.38 -0.35,-4.77 -1.09,-7.03 -0.75,-2.26 -1.94,-4.4 -3.6,-6.11 -0.8,-0.83 -1.72,-1.55 -2.75,-2.06 -1.04,-0.51 -2.2,-0.8 -3.35,-0.74 z"/>
|
||||
<g id="pupil_left">
|
||||
<path id="pupil_left_base" fill="#020204"
|
||||
d="m 80.75,50.99 c -0.32,1.94 -0.33,3.97 0.33,5.81 0.44,1.22 1.17,2.33 2.05,3.28 0.57,0.62 1.23,1.18 1.99,1.55 0.77,0.37 1.65,0.52 2.48,0.32 0.76,-0.19 1.42,-0.68 1.91,-1.29 0.49,-0.61 0.82,-1.34 1.05,-2.09 0.69,-2.21 0.58,-4.62 -0.11,-6.83 -0.49,-1.61 -1.32,-3.16 -2.6,-4.24 -0.62,-0.52 -1.34,-0.93 -2.12,-1.11 -0.78,-0.19 -1.63,-0.14 -2.36,0.19 -0.81,0.37 -1.44,1.07 -1.85,1.86 -0.41,0.79 -0.62,1.67 -0.77,2.55 z"/>
|
||||
<path id="pupil_left_glare" fill="url(#fill_pupil_left_glare)" filter="url(#blur_pupil_left_glare)" clip-path="url(#clip_pupil_left)"
|
||||
d="m 84.84,49.59 c 0.21,0.55 0.91,0.75 1.3,1.19 0.37,0.42 0.76,0.87 0.97,1.4 0.39,1.01 -0.39,2.51 0.43,3.23 0.25,0.22 0.77,0.23 1.02,0 0.99,-0.9 0.77,-2.71 0.38,-3.99 -0.36,-1.15 -1.23,-2.25 -2.31,-2.8 -0.5,-0.26 -1.25,-0.47 -1.68,-0.11 -0.27,0.24 -0.24,0.74 -0.11,1.08 z"/>
|
||||
</g>
|
||||
<path id="eyelid_left" fill="url(#fill_eyelid_left)" clip-path="url(#clip_eye_left)"
|
||||
d="m 81.14,44.46 c 2.32,-1.38 5.13,-1.7 7.82,-1.45 2.68,0.26 5.27,1.04 7.87,1.75 1.91,0.52 3.84,1 5.63,1.84 1.78,0.84 3.44,2.08 4.43,3.8 0.16,0.27 0.29,0.56 0.46,0.83 0.17,0.27 0.37,0.52 0.62,0.71 0.25,0.19 0.57,0.32 0.88,0.3 0.16,-0.01 0.32,-0.05 0.45,-0.13 0.14,-0.08 0.26,-0.2 0.33,-0.34 0.08,-0.16 0.11,-0.35 0.1,-0.53 -0.01,-0.18 -0.05,-0.36 -0.1,-0.54 -0.65,-2.37 -2.19,-4.38 -3.35,-6.55 -0.7,-1.3 -1.28,-2.66 -1.98,-3.96 -2.43,-4.45 -6.42,-7.94 -10.95,-10.21 -4.53,-2.27 -9.59,-3.36 -14.65,-3.65 -5.86,-0.35 -11.73,0.35 -17.51,1.37 -2.51,0.44 -5.06,0.96 -7.27,2.21 -1.11,0.62 -2.13,1.42 -2.92,2.42 -0.8,0.99 -1.36,2.18 -1.55,3.44 -0.17,1.22 0.01,2.47 0.44,3.62 0.42,1.15 1.08,2.2 1.86,3.15 1.54,1.91 3.53,3.39 5.36,5.03 1.83,1.63 3.52,3.44 5.57,4.79 1.02,0.68 2.13,1.24 3.31,1.57 1.18,0.33 2.44,0.42 3.64,0.17 1.24,-0.25 2.4,-0.86 3.41,-1.64 1.01,-0.77 1.88,-1.7 2.71,-2.66 1.66,-1.93 3.21,-4.04 5.39,-5.34 z"/>
|
||||
<path id="eyebrow_left" fill="url(#fill_eyebrow_left)" filter="url(#blur_eyebrow_left)"
|
||||
d="m 90.77,36.57 c 2.16,2.02 3.76,4.52 4.85,7.16 -0.48,-2.91 -1.23,-5.26 -3.13,-7.16 -1.16,-1.09 -2.49,-2.05 -3.98,-2.72 -1.32,-0.59 -2.77,-0.96 -3.61,-0.97 -0.83,-0.02 -1.03,0 -1.2,0.01 -0.18,0.01 -0.31,0.01 0.23,0.08 0.54,0.06 1.75,0.39 3.05,0.97 1.3,0.58 2.62,1.54 3.79,2.63 z"/>
|
||||
</g>
|
||||
<g id="eye_right">
|
||||
<path id="eyeball_right" fill="url(#fill_eyeball_right)"
|
||||
d="m 111.61,38.28 c -2.39,1.65 -4.4,3.94 -5.38,6.68 -1.24,3.45 -0.77,7.31 0.43,10.77 1.22,3.55 3.27,6.93 6.36,9.06 1.54,1.07 3.33,1.8 5.19,2.02 1.87,0.22 3.8,-0.09 5.47,-0.95 2.02,-1.06 3.57,-2.91 4.53,-4.98 0.96,-2.08 1.37,-4.37 1.5,-6.66 0.16,-2.9 -0.12,-5.86 -1.08,-8.61 -1.04,-2.99 -2.92,-5.75 -5.58,-7.47 -1.32,-0.86 -2.83,-1.45 -4.4,-1.67 -1.57,-0.22 -3.19,-0.05 -4.67,0.52 -0.84,0.33 -1.62,0.78 -2.37,1.29 z"/>
|
||||
<g id="pupil_right">
|
||||
<path id="pupil_right_base" fill="#020204"
|
||||
d="m 117.14,45.52 c -0.9,0.06 -1.78,0.37 -2.55,0.85 -0.76,0.48 -1.41,1.13 -1.92,1.88 -1.03,1.49 -1.48,3.31 -1.55,5.12 -0.05,1.35 0.1,2.72 0.55,4 0.45,1.28 1.2,2.47 2.25,3.33 1.07,0.89 2.42,1.42 3.81,1.49 1.39,0.06 2.79,-0.34 3.93,-1.13 0.91,-0.63 1.64,-1.5 2.16,-2.48 0.52,-0.97 0.84,-2.05 0.98,-3.15 0.25,-1.93 -0.03,-3.95 -0.93,-5.69 -0.89,-1.74 -2.41,-3.17 -4.24,-3.84 -0.8,-0.29 -1.65,-0.44 -2.49,-0.38 z"/>
|
||||
<path id="pupil_right_glare" fill="url(#fill_pupil_right_glare)" filter="url(#blur_pupil_right_glare)" clip-path="url(#clip_pupil_right)"
|
||||
d="m 122.71,53.36 c 1,-1 -0.71,-3.65 -2.05,-4.74 -0.97,-0.78 -3.78,-1.61 -3.66,-0.75 0.12,0.85 1.39,1.95 2.23,2.79 1.05,1.03 3,3.18 3.48,2.7 z"/>
|
||||
</g>
|
||||
<path id="eyelid_right" fill="url(#fill_eyelid_right)" clip-path="url(#clip_eye_right)"
|
||||
d="m 102.56,47.01 c 2.06,-1.71 4.45,-3.01 7,-3.8 5.25,-1.62 11.2,-0.98 15.84,1.97 1.6,1.01 3.03,2.27 4.52,3.45 1.48,1.17 3.06,2.27 4.85,2.9 0.97,0.34 2,0.54 3.02,0.43 0.92,-0.09 1.81,-0.44 2.57,-0.96 0.76,-0.53 1.4,-1.23 1.88,-2.02 0.96,-1.58 1.27,-3.5 1.1,-5.34 -0.33,-3.69 -2.41,-6.94 -4.15,-10.21 -0.55,-1.02 -1.07,-2.06 -1.73,-3.01 -2.01,-2.93 -5.23,-4.86 -8.6,-5.99 -3.37,-1.13 -6.93,-1.54 -10.46,-1.98 -1.58,-0.2 -3.17,-0.41 -4.74,-0.22 -1.81,0.22 -3.51,0.95 -5.28,1.4 -0.84,0.22 -1.69,0.37 -2.52,0.61 -0.83,0.24 -1.65,0.57 -2.33,1.11 -0.98,0.79 -1.6,1.98 -1.87,3.21 -0.27,1.24 -0.21,2.52 -0.01,3.77 0.39,2.5 1.33,4.93 1.24,7.46 -0.06,1.73 -0.61,3.44 -0.54,5.17 0.02,0.51 0.12,1.55 0.21,2.05 z"/>
|
||||
<path id="eyebrow_right" fill="url(#fill_eyebrow_right)" filter="url(#blur_eyebrow_right)"
|
||||
d="m 119.93,31.18 c -0.41,0.52 -0.78,1.08 -1.07,1.7 1.85,0.4 3.61,1.16 5.19,2.21 3.06,2.03 5.38,4.99 7.01,8.29 0.38,-0.42 0.72,-0.87 1.02,-1.37 -1.64,-3.44 -4,-6.55 -7.16,-8.65 -1.52,-1 -3.21,-1.77 -4.99,-2.18 z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="beak">
|
||||
<g id="beak_shadow">
|
||||
<path id="beak_shadow_lower" fill="#000000" fill-opacity="0.258824" filter="url(#blur_beak_shadow_lower)" clip-path="url(#clip_body)"
|
||||
d="m 81.12,89.33 c 1.47,4.26 4.42,7.89 7.92,10.72 1.16,0.95 2.39,1.82 3.76,2.43 1.36,0.62 2.87,0.97 4.36,0.84 1.46,-0.12 2.85,-0.7 4.13,-1.42 1.28,-0.72 2.46,-1.59 3.7,-2.37 2.12,-1.35 4.39,-2.44 6.6,-3.64 2.65,-1.45 5.23,-3.1 7.46,-5.14 1.03,-0.93 1.98,-1.95 3.11,-2.75 1.13,-0.81 2.49,-1.39 3.87,-1.29 1.04,0.07 2.01,0.51 3.03,0.73 0.51,0.11 1.03,0.16 1.55,0.08 0.51,-0.08 1.01,-0.29 1.37,-0.67 0.44,-0.46 0.64,-1.12 0.61,-1.76 -0.02,-0.63 -0.24,-1.25 -0.54,-1.81 -0.59,-1.13 -1.49,-2.1 -1.89,-3.31 -0.36,-1.08 -0.29,-2.24 -0.26,-3.37 0.03,-1.14 0.01,-2.32 -0.51,-3.33 -0.4,-0.76 -1.07,-1.37 -1.83,-1.77 -0.76,-0.41 -1.62,-0.62 -2.48,-0.7 -1.72,-0.16 -3.44,0.18 -5.17,0.27 -2.28,0.13 -4.58,-0.15 -6.87,-0.02 -2.85,0.18 -5.65,1 -8.51,1.01 -3.26,0.01 -6.52,-1.06 -9.74,-0.55 -1.39,0.22 -2.71,0.72 -4.03,1.16 -1.33,0.45 -2.7,0.84 -4.1,0.82 -1.59,-0.03 -3.13,-0.58 -4.72,-0.69 -0.79,-0.06 -1.6,0 -2.35,0.28 -0.74,0.28 -1.41,0.79 -1.78,1.5 -0.21,0.4 -0.31,0.86 -0.33,1.31 -0.02,0.46 0.04,0.91 0.15,1.36 0.22,0.88 0.63,1.71 0.96,2.55 1.2,3.07 1.46,6.42 2.53,9.53 z"/>
|
||||
<path id="beak_shadow_upper" opacity="0.3" fill="#000000" filter="url(#blur_beak_shadow_upper)" clip-path="url(#clip_body)"
|
||||
d="m 77.03,77.2 c 2.85,1.76 5.41,3.93 7.56,6.39 1.99,2.29 3.68,4.89 6.29,6.58 1.83,1.2 4.04,1.87 6.28,2.08 2.63,0.24 5.29,-0.15 7.83,-0.84 2.35,-0.63 4.62,-1.53 6.7,-2.71 3.97,-2.25 7.28,-5.55 11.65,-7.03 0.95,-0.33 1.94,-0.56 2.86,-0.96 0.92,-0.39 1.79,-0.99 2.23,-1.83 0.42,-0.82 0.4,-1.75 0.54,-2.64 0.15,-0.96 0.48,-1.88 0.66,-2.83 0.18,-0.95 0.2,-1.96 -0.24,-2.83 -0.37,-0.72 -1.04,-1.29 -1.81,-1.66 -0.77,-0.36 -1.64,-0.52 -2.51,-0.56 -1.72,-0.08 -3.43,0.33 -5.16,0.47 -2.28,0.19 -4.58,-0.08 -6.87,-0.01 -2.85,0.08 -5.66,0.67 -8.51,0.8 -3.25,0.14 -6.49,-0.34 -9.74,-0.44 -1.41,-0.05 -2.83,-0.03 -4.21,0.2 -1.39,0.22 -2.75,0.65 -3.92,1.37 -1.14,0.69 -2.07,1.64 -3.11,2.45 -0.52,0.41 -1.08,0.78 -1.68,1.07 -0.61,0.28 -1.28,0.48 -1.96,0.51 -0.35,0.01 -0.71,-0.01 -1.05,0.04 -0.59,0.08 -1.13,0.39 -1.47,0.83 -0.34,0.45 -0.47,1.02 -0.36,1.55 z"/>
|
||||
</g>
|
||||
<path id="beak_base" fill="url(#fill_beak_base)"
|
||||
d="m 91.66,58.53 c 1.53,-1.71 2.57,-3.8 4.03,-5.56 0.73,-0.88 1.58,-1.69 2.57,-2.26 0.99,-0.57 2.15,-0.89 3.29,-0.79 1.27,0.11 2.46,0.74 3.39,1.61 0.93,0.87 1.62,1.97 2.17,3.12 0.53,1.11 0.95,2.28 1.71,3.24 0.81,1.02 1.94,1.71 2.97,2.52 0.51,0.4 1.01,0.83 1.41,1.34 0.41,0.51 0.72,1.1 0.86,1.74 0.13,0.65 0.06,1.33 -0.16,1.95 -0.23,0.62 -0.61,1.18 -1.09,1.64 -0.95,0.92 -2.25,1.42 -3.56,1.6 -2.62,0.37 -5.27,-0.41 -7.92,-0.34 -2.67,0.08 -5.29,1.02 -7.97,0.93 -1.33,-0.05 -2.69,-0.38 -3.79,-1.14 -0.55,-0.39 -1.03,-0.88 -1.38,-1.45 -0.34,-0.57 -0.55,-1.23 -0.58,-1.9 -0.02,-0.64 0.13,-1.28 0.39,-1.86 0.25,-0.59 0.61,-1.12 1.01,-1.62 0.81,-0.99 1.8,-1.81 2.65,-2.77 z"/>
|
||||
<g id="mandible_lower">
|
||||
<path id="mandible_lower_base" fill="url(#fill_mandible_lower_base)"
|
||||
d="m 77.14,75.05 c 0.06,0.26 0.15,0.5 0.28,0.73 0.23,0.38 0.57,0.69 0.93,0.95 0.36,0.27 0.75,0.49 1.13,0.72 2.01,1.27 3.65,3.04 5.11,4.92 1.95,2.52 3.68,5.31 6.29,7.14 1.84,1.3 4.04,2.03 6.28,2.26 2.63,0.26 5.29,-0.16 7.83,-0.91 2.35,-0.69 4.62,-1.66 6.7,-2.95 3.97,-2.44 7.28,-6.02 11.65,-7.63 0.95,-0.35 1.94,-0.6 2.86,-1.03 0.92,-0.44 1.79,-1.08 2.23,-2 0.42,-0.88 0.4,-1.9 0.54,-2.87 0.15,-1.03 0.48,-2.03 0.66,-3.06 0.18,-1.03 0.2,-2.13 -0.24,-3.08 -0.37,-0.78 -1.04,-1.4 -1.81,-1.79 -0.77,-0.4 -1.64,-0.58 -2.51,-0.62 -1.72,-0.08 -3.43,0.36 -5.16,0.52 -2.28,0.21 -4.58,-0.09 -6.87,-0.02 -2.85,0.09 -5.66,0.73 -8.51,0.87 -3.25,0.15 -6.49,-0.35 -9.74,-0.48 -1.41,-0.06 -2.83,-0.04 -4.22,0.2 -1.39,0.23 -2.75,0.71 -3.91,1.51 -1.13,0.78 -2.03,1.84 -3.07,2.74 -0.52,0.45 -1.08,0.86 -1.7,1.16 -0.61,0.3 -1.29,0.49 -1.98,0.47 -0.35,-0.01 -0.72,-0.06 -1.05,0.04 -0.21,0.07 -0.4,0.2 -0.56,0.35 -0.16,0.16 -0.29,0.34 -0.41,0.52 -0.29,0.42 -0.54,0.87 -0.75,1.34 z"/>
|
||||
<path id="mandible_lower_glare" fill="#d9b30d" filter="url(#blur_mandible_lower_glare)" clip-path="url(#clip_mandible_lower)"
|
||||
d="m 89.9,78.56 c -0.33,1.37 -0.13,2.87 0.56,4.11 0.68,1.24 1.84,2.2 3.19,2.65 1.7,0.57 3.62,0.29 5.21,-0.54 0.93,-0.48 1.77,-1.16 2.3,-2.06 0.27,-0.44 0.46,-0.94 0.53,-1.46 0.06,-0.51 0.02,-1.05 -0.16,-1.54 -0.2,-0.53 -0.56,-1 -0.99,-1.37 -0.44,-0.37 -0.95,-0.64 -1.5,-0.82 -1.08,-0.36 -2.77,-0.66 -3.91,-0.68 -2.02,-0.04 -4.9,0.34 -5.23,1.71 z"/>
|
||||
</g>
|
||||
<g id="mandible_upper">
|
||||
<path id="mandible_upper_shadow" fill="#604405" filter="url(#blur_mandible_upper_shadow)" clip-path="url(#clip_mandible_lower)"
|
||||
d="m 84.31,67.86 c -1.16,0.68 -2.27,1.43 -3.36,2.2 -0.57,0.41 -1.15,0.84 -1.45,1.47 -0.21,0.44 -0.26,0.94 -0.27,1.43 0,0.5 0.03,0.99 -0.04,1.48 -0.04,0.33 -0.13,0.66 -0.14,0.99 -0.01,0.17 0,0.34 0.04,0.5 0.05,0.16 0.13,0.32 0.24,0.44 0.15,0.16 0.35,0.26 0.56,0.32 0.21,0.06 0.42,0.09 0.64,0.14 1.01,0.24 1.89,0.86 2.66,1.56 0.77,0.69 1.47,1.48 2.28,2.13 2.18,1.78 5.07,2.52 7.89,2.56 2.82,0.05 5.61,-0.54 8.36,-1.16 2.16,-0.49 4.32,-0.99 6.39,-1.76 3.2,-1.18 6.16,-2.96 8.72,-5.19 1.17,-1.01 2.26,-2.12 3.57,-2.94 1.15,-0.73 2.44,-1.21 3.62,-1.9 0.11,-0.06 0.21,-0.13 0.3,-0.2 0.1,-0.08 0.18,-0.18 0.24,-0.28 0.09,-0.19 0.09,-0.42 0.03,-0.62 -0.06,-0.2 -0.18,-0.38 -0.31,-0.55 -0.15,-0.18 -0.31,-0.34 -0.49,-0.5 -1.23,-1.05 -2.89,-1.43 -4.51,-1.56 -1.61,-0.12 -3.24,-0.03 -4.83,-0.3 -1.5,-0.25 -2.92,-0.81 -4.37,-1.27 -1.52,-0.49 -3.07,-0.87 -4.64,-1.13 -3.71,-0.61 -7.52,-0.49 -11.19,0.27 -3.49,0.73 -6.87,2.05 -9.94,3.87 z"/>
|
||||
<path id="mandible_upper_base" fill="url(#fill_mandible_upper_base)"
|
||||
d="m 83.94,63.95 c -1.66,1.12 -3.16,2.49 -4.43,4.04 -0.72,0.89 -1.38,1.86 -1.74,2.94 -0.29,0.86 -0.39,1.76 -0.57,2.65 -0.07,0.33 -0.15,0.66 -0.14,1 0,0.16 0.02,0.33 0.07,0.5 0.05,0.16 0.14,0.31 0.25,0.43 0.2,0.2 0.47,0.31 0.74,0.37 0.28,0.05 0.56,0.06 0.84,0.09 1.25,0.15 2.4,0.75 3.44,1.47 1.04,0.71 2,1.55 3.07,2.22 2.35,1.49 5.16,2.15 7.95,2.26 2.78,0.11 5.56,-0.31 8.3,-0.86 2.17,-0.43 4.33,-0.95 6.39,-1.76 3.16,-1.25 6.01,-3.16 8.72,-5.19 1.24,-0.92 2.46,-1.87 3.57,-2.94 0.37,-0.37 0.74,-0.74 1.14,-1.08 0.4,-0.33 0.85,-0.62 1.35,-0.78 0.76,-0.24 1.58,-0.17 2.37,-0.04 0.59,0.1 1.18,0.23 1.78,0.21 0.3,-0.02 0.6,-0.07 0.88,-0.18 0.28,-0.11 0.54,-0.28 0.73,-0.52 0.25,-0.3 0.38,-0.7 0.38,-1.09 0,-0.4 -0.12,-0.79 -0.32,-1.13 -0.4,-0.68 -1.09,-1.14 -1.81,-1.46 -0.99,-0.44 -2.06,-0.65 -3.11,-0.91 -3.23,-0.78 -6.37,-1.93 -9.34,-3.41 -1.48,-0.73 -2.92,-1.54 -4.37,-2.32 -1.5,-0.8 -3.02,-1.57 -4.64,-2.07 -3.64,-1.1 -7.6,-0.74 -11.19,0.51 -3.98,1.38 -7.58,3.84 -10.31,7.05 z"/>
|
||||
<path id="mandible_upper_glare" fill="#f6da4a" filter="url(#blur_mandible_upper_glare)" clip-path="url(#clip_mandible_upper)"
|
||||
d="m 109.45,64.75 c -0.2,-0.24 -0.48,-0.42 -0.78,-0.51 -0.3,-0.09 -0.62,-0.09 -0.93,-0.04 -0.62,0.11 -1.18,0.44 -1.7,0.8 -1.47,1.01 -2.77,2.26 -3.91,3.64 -1.5,1.83 -2.74,3.94 -3.16,6.27 -0.07,0.39 -0.11,0.8 -0.07,1.19 0.05,0.4 0.2,0.79 0.49,1.07 0.24,0.25 0.58,0.4 0.92,0.45 0.35,0.05 0.71,0 1.04,-0.11 0.66,-0.22 1.21,-0.69 1.74,-1.15 2.87,-2.58 5.47,-5.66 6.51,-9.38 0.1,-0.37 0.19,-0.75 0.19,-1.14 0,-0.39 -0.1,-0.78 -0.34,-1.09 z"/>
|
||||
<path id="naris_left" opacity="0.8" fill="url(#fill_naris_left)" filter="url(#blur_naris_left)"
|
||||
d="m 92.72,59.06 c -0.77,-0.25 -2.03,1.1 -1.62,1.79 0.11,0.19 0.46,0.43 0.7,0.3 0.35,-0.19 0.64,-0.89 1.02,-1.16 0.25,-0.18 0.2,-0.84 -0.1,-0.93 z"/>
|
||||
<path id="naris_right" opacity="0.8" fill="url(#fill_naris_right)" filter="url(#blur_naris_right)"
|
||||
d="m 102.56,59.42 c 0.2,0.64 1.23,0.53 1.83,0.84 0.52,0.27 0.94,0.86 1.53,0.88 0.56,0.01 1.44,-0.2 1.51,-0.76 0.09,-0.73 -0.98,-1.2 -1.67,-1.47 -0.89,-0.34 -2.03,-0.52 -2.86,-0.06 -0.19,0.11 -0.4,0.36 -0.34,0.57 z"/>
|
||||
</g>
|
||||
<path id="beak_corner" fill="url(#fill_beak_corner)" filter="url(#blur_beak_corner)" clip-path="url(#clip_beak)"
|
||||
d="m 129.27,69.15 a 2.42,3.1 16.94 0 1 -2.81,3.04 2.42,3.1 16.94 0 1 -2.12,-3.04 2.42,3.1 16.94 0 1 2.81,-3.05 2.42,3.1 16.94 0 1 2.12,3.05 z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 49 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="814" height="1000">
|
||||
<path d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 660 B |
@@ -0,0 +1 @@
|
||||
<svg height="165.144565" viewBox="0 0 20.325128 5.4768721" width="605.530071" xmlns="http://www.w3.org/2000/svg"><g transform="translate(129.603041 -242.100849)"><g stroke-width=".264583"><path d="m-128.3595 243.00043h-.15875v.37042h.15875c.10583 0 .18521-.0794.18521-.18521 0-.10583-.0794-.18521-.18521-.18521z" fill="#006693"/><path d="m-128.3595 242.2596c-.60854 0-1.11125.50271-1.11125 1.11125s.50271 1.11125 1.11125 1.11125 1.11125-.50271 1.11125-1.11125-.50271-1.11125-1.11125-1.11125zm.29104 1.69333-.26458-.37042h-.18521v.37042h-.21167v-1.19062h.37042c.21167 0 .39687.1852.39687.42333 0 .13229-.0794.26458-.1852.34396l.34395.44979h-.26458z" fill="#006693"/><path d="m-119.787 243.90001c-.0265.0529-.0529.10584-.15875.10584-.0529 0-.15875-.0265-.15875-.18521v-.68792h.55562v-.37041h-.55562v-.39688h-.37042v.39688h-.26458v.37041h.26458v.68792c0 .34396.29104.55562.55563.55562.26458 0 .44979-.1852.52916-.39687z"/><path d="m-124.47013 242.76231v.0794c-.10583-.0794-.23812-.13229-.37041-.13229-.42334 0-.74084.37042-.74084.84667 0 .44979.34396.84666.74084.84666.13229 0 .26458-.0529.37041-.10583v.0529h.37042v-1.5875zm-.37041 1.24354c-.21167 0-.37042-.21167-.37042-.44979 0-.26459.15875-.4498.37042-.4498.21166 0 .37041.21167.37041.4498 0 .26458-.15875.44979-.37041.44979z"/><path d="m-121.26867 242.76231v.92604c0 .18521-.13229.3175-.3175.3175s-.3175-.13229-.3175-.3175v-.92604h-.37041v.92604c0 .39687.3175.68791.68791.68791.10584 0 .21167-.0265.3175-.0794v.0529h.37042v-1.5875z"/><path d="m-117.06179 242.70939c-.10584 0-.21167.0265-.3175.0794v-.0264h-.37042v1.5875h.37042v-.92605c0-.1852.13229-.3175.3175-.3175s.3175.1323.3175.3175v.92605h.37041v-.92605c.0265-.39687-.29104-.71437-.68791-.71437z"/><path d="m-117.90846 243.55606c0-.4498-.34396-.84667-.74083-.84667-.42334 0-.74084.37042-.74084.84667 0 .5027.42334.84666.79375.84666.18521 0 .4498-.0529.66146-.34396l-.3175-.1852c-.29104.34395-.66146.10583-.71437-.18521h1.05833c0-.0529 0-.10584 0-.13229zm-.42333-.21167h-.635c.0794-.3175.55562-.39688.635 0z"/></g><path d="m26.8 2h-2l-2.2 2.2v-4.2h-1.4v8h1.4v-2.5l2.6 2.5h2l-3.2-3.2z" transform="matrix(.26458333 0 0 .26458333 -129.47075 242.23314)"/><path d="m-126.66617 244.34981v-.60855h.26459l.47625.60855h.47625l-.55563-.74084c.18521-.13229.29104-.3175.29104-.55562 0-.37042-.3175-.68792-.68791-.68792h-.635v1.98438zm0-1.61396h.23813c.15875 0 .3175.13229.3175.3175 0 .15875-.13229.3175-.3175.3175h-.23813z" stroke-width=".264583"/><g fill="#006693"><path d="m-125.29033 244.85251c.84666 0 1.42875.55563 1.27 1.29646-.15875.71438-.97896 1.29646-1.82563 1.29646s-1.42875-.58208-1.27-1.29646c.15875-.71437.97896-1.29646 1.82563-1.29646m-.47625 2.16959c.55562 0 1.08479-.39688 1.19062-.87313s-.26458-.87312-.82021-.87312c-.55562 0-1.08479.39687-1.19062.87312-.0794.47625.26458.87313.82021.87313" stroke-width=".264583"/><path d="m23.2 12.5 1 4.6 3-4.6h2.2l-5 7h-1.6l-1.8-7z" transform="matrix(.26458333 0 0 .26458333 -129.47075 242.23314)"/><g stroke-width=".264583"><path d="m-121.55971 246.65168c0 .13229.15875.37042.52917.37042.23812 0 .42333-.0794.55562-.23813h.55563c-.21167.34396-.68792.66146-1.21709.66146-.68791 0-1.08479-.44979-.9525-.97896.10584-.52916.68792-1.00541 1.37584-1.00541.71437 0 1.03187.5027.92604.97895-.0265.0794-.0529.15875-.0794.23813h-1.69333zm1.27-.34396c0-.29104-.21167-.42333-.50271-.42333-.21166 0-.55562.0794-.71437.42333z"/><path d="m-119.39013 245.54043h.47625l-.0264.15875c.13229-.13229.23812-.23812.52916-.23812h.0529l-.10583.42333c-.47625.0265-.55563.34396-.58209.44979l-.23812 1.05833h-.52917z"/><path d="m-118.09367 244.90543h.66146c.71438 0 1.00542.15875 1.13771.29104.23812.21167.37042.58209.26458.9525-.10583.44979-.47625.87313-.9525 1.08479-.29104.1323-.68791.15875-1.00541.15875h-.68792zm.0794 2.06375h.10583c.29104 0 .50271-.0265.74083-.13229.3175-.13229.52917-.42333.58209-.68792.0529-.23812-.0265-.47625-.18521-.60854-.18521-.18521-.47625-.21167-.82021-.21167h-.10583z"/><path d="m-115.71242 245.54043h.47625l-.0265.15875c.1323-.13229.23813-.23812.52917-.23812h.0529l-.10584.42333c-.47625.0265-.55562.34396-.58208.44979l-.23812 1.05833h-.52917z"/><path d="m-114.57471 245.54043h.52917l-.42334 1.87854h-.52916zm.15875-.635h.52917l-.0794.39688h-.52916z"/></g><path d="m60.6 19.5-1.8-7h2.1l1 4.6h.1l2.9-4.6h2.2l-4.9 7z" transform="matrix(.26458333 0 0 .26458333 -129.47075 242.23314)"/><path d="m-111.55846 246.65168c0 .13229.15875.37042.52917.37042.23812 0 .42333-.0794.55562-.23813h.58209c-.21167.34396-.68792.66146-1.21709.66146-.68791 0-1.08479-.44979-.9525-.97896.10584-.52916.68792-1.00541 1.37584-1.00541.71437 0 1.03187.5027.92604.97895-.0265.0794-.0529.15875-.0794.23813h-1.71979zm1.29646-.34396c0-.29104-.21167-.42333-.50271-.42333-.21167 0-.55562.0794-.71437.42333z" stroke-width=".264583"/><path d="m-109.41533 245.48751c-.0265.10584-.1323.18521-.23813.18521s-.18521-.0794-.15875-.18521c.0265-.10583.13229-.1852.23813-.1852.10583-.0265.1852.0794.15875.1852m-.34396 0c-.0265.0794.0265.15875.13229.15875.0794 0 .15875-.0794.18521-.15875.0Line truncated
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="573" viewBox="-2.5899701 .266 62.2909701 13.27921172" width="2500" xmlns="http://www.w3.org/2000/svg"><g stroke-width=".265"><path d="m49.408 5.203c0-.69-.542-1.135-1.529-1.135h-2.106v2.38h2.043c.941-.002 1.592-.428 1.592-1.245zm-12.014.257c0-.858-.651-1.371-1.768-1.371h-2.13v2.791h2.117c1.04 0 1.78-.53 1.78-1.42zm10.564 1.685h-2.185v2.435h2.318c1.058 0 1.696-.463 1.696-1.243s-.625-1.193-1.829-1.193zm8.072-3.059h-1.618v5.466h1.619c1.746 0 2.86-1.185 2.86-2.722s-1.114-2.744-2.86-2.744z" fill="none"/><path d="m1.447 6.777a2.196 2.196 0 0 0 1.768.794 1.892 1.892 0 0 0 1.442-.556 1.852 1.852 0 0 0 .529-1.323 1.587 1.587 0 0 0 -.51-1.246 1.617 1.617 0 0 0 -1.088-.453 2.45 2.45 0 0 0 -.474.061 1.987 1.987 0 0 1 -.378.072q-.42 0-.42-.508 0-.855.851-1.469a4.019 4.019 0 0 1 .51-.312 4.255 4.255 0 0 1 1.76-.35 6.085 6.085 0 0 1 3.44 1.001l-.752 1.08 1.043.687 1.412-2.015-.455-.357a7.295 7.295 0 0 0 -4.696-1.617c-2.751 0-4.675 1.688-4.675 4.106v.172c.003.95.243 1.701.693 2.233zm7.113-.632a1.892 1.892 0 0 0 -1.443.555 1.852 1.852 0 0 0 -.529 1.323 1.587 1.587 0 0 0 .513 1.238 1.617 1.617 0 0 0 1.101.463 2.44 2.44 0 0 0 .474-.06 1.984 1.984 0 0 1 .378-.072q.42 0 .42.508a1.587 1.587 0 0 1 -.039.355c-.466 1.143-1.664 1.799-3.395 1.799a6.712 6.712 0 0 1 -4.027-1.323l.942-1.1-.994-.768-1.696 2.008.43.386a7.972 7.972 0 0 0 5.332 2.02c.222 0 .437 0 .646-.03a5.027 5.027 0 0 0 3.09-1.204q1.237-1.113 1.237-3.077 0-1.423-.672-2.222a2.196 2.196 0 0 0 -1.768-.8z" fill="#1e7b85"/><path d="m41.328 3.366h.78v6.906h-.78zm7.773 3.337a1.672 1.672 0 0 0 1.096-1.609c0-1.058-.89-1.728-2.25-1.728h-2.941v6.906h3.069c1.51 0 2.505-.701 2.505-1.894 0-.969-.661-1.43-1.479-1.675zm-3.328-2.635h2.117c.986 0 1.529.444 1.529 1.135 0 .82-.651 1.243-1.588 1.243h-2.058v-2.381zm2.318 5.506h-2.318v-2.43h2.18c1.204 0 1.836.435 1.836 1.194 0 .76-.648 1.236-1.693 1.236zm-20.421.097c-1.519 0-2.675-1.254-2.675-2.86s1.146-2.841 2.675-2.841a3.003 3.003 0 0 1 2.17.947l.529-.572a3.596 3.596 0 0 0 -2.694-1.095c-2.032 0-3.492 1.609-3.492 3.582s1.482 3.56 3.469 3.56a3.596 3.596 0 0 0 2.775-1.213l-.53-.502c-.658.63-1.28.994-2.227.994zm-7.805-3.225c-1.521-.325-1.873-.69-1.873-1.352 0-.661.569-1.124 1.468-1.124a3.035 3.035 0 0 1 1.992.748l.456-.6a3.604 3.604 0 0 0 -2.427-.85c-1.323 0-2.27.794-2.27 1.895 0 1.1.73 1.659 2.318 2.003 1.45.307 1.796.672 1.796 1.323 0 .7-.61 1.185-1.54 1.185a3.289 3.289 0 0 1 -2.38-.976l-.472.563a4.04 4.04 0 0 0 2.823 1.112c1.371 0 2.358-.77 2.358-1.964 0-1.066-.712-1.627-2.25-1.963zm18.317-1.016c0-1.243-.976-2.06-2.498-2.06h-2.968v6.905h.78v-2.686h1.974l2.003 2.683h.958l-2.117-2.823c1.08-.193 1.868-.865 1.868-2.019zm-4.686 1.45v-2.794h2.133c1.114 0 1.767.513 1.767 1.37s-.743 1.424-1.78 1.424h-2.117zm22.534-3.514h-2.396v6.906h2.397c2.17 0 3.67-1.51 3.67-3.463s-1.493-3.443-3.67-3.443zm0 6.186h-1.618v-5.466h1.619c1.746 0 2.86 1.204 2.86 2.744s-1.114 2.722-2.86 2.722z" fill="#00293f"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
@@ -0,0 +1,10 @@
|
||||
<svg width="211" height="81" viewBox="0 0 211 81" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M210.119 8.04C207.848 5.49176 199.981 8.53856 195.107 11.0868C190.453 13.5242 186.631 19.5625 186.298 20.061C186.188 19.8394 185.855 19.6179 185.468 19.5625C185.08 19.5071 184.747 19.5625 184.526 19.784C184.415 19.1747 182.864 12.1947 179.319 8.31698C175.607 4.21764 169.292 -1.32201 166.3 0.284491C163.808 1.6694 166.799 6.82127 167.519 10.9206C168.295 15.02 167.63 18.6761 169.957 20.7812C172.062 22.6093 172.782 22.6647 172.893 22.6647C172.339 22.7201 164.029 24.2158 167.796 36.9016C169.236 41.7764 178.211 43.4383 180.593 36.957C181.867 33.5778 182.476 32.5252 182.753 32.4698C182.808 32.8022 182.919 33.0792 183.085 33.0792C183.252 33.1346 183.473 32.913 183.584 32.5806C183.806 32.7468 184.027 33.9102 184.083 37.5663C184.083 44.4909 193.112 45.9866 196.159 41.8872C204.025 31.2511 196.713 27.041 196.214 26.764C196.325 26.8194 197.045 27.041 199.649 25.9885C202.585 24.8251 203.194 21.169 205.355 17.5682C207.405 14.0228 212.002 10.2005 210.119 8.04Z" fill="#4698CB"/>
|
||||
<path d="M16.5635 47.7225C18.2808 47.7225 19.6657 46.393 19.6657 44.6203C19.6657 42.903 18.3362 41.5181 16.5635 41.5181H12.021V33.7626C12.021 31.9899 10.5807 30.4942 8.75264 30.4942C7.03535 30.4942 5.48425 31.9899 5.48425 33.7626V41.5181H3.1022C1.38491 41.5181 0 42.8476 0 44.6203C0 46.3376 1.32952 47.7225 3.1022 47.7225H5.53965V69.2717C5.53965 75.8085 9.63899 80.074 16.0096 80.074C17.7823 80.074 19.1672 78.7445 19.1672 76.9718C19.1672 75.2545 17.7823 73.8696 16.0096 73.8696C13.5167 73.8696 12.021 72.1523 12.021 69.2163V47.7225H16.5635Z" fill="black"/>
|
||||
<path d="M39.6085 74.4236C32.1854 74.4236 28.64 69.8257 28.64 60.4083C28.64 50.9909 32.2407 46.4484 39.6085 46.4484C46.9762 46.4484 50.577 50.9909 50.577 60.4083C50.577 69.8257 46.9762 74.4236 39.6085 74.4236ZM39.6085 40.4102C28.3076 40.4102 22.0478 47.5009 22.0478 60.3529C22.0478 73.2603 28.3076 80.4064 39.6085 80.4064C50.9094 80.4064 57.1692 73.3157 57.1692 60.3529C57.1692 47.5009 50.9094 40.4102 39.6085 40.4102Z" fill="black"/>
|
||||
<path d="M72.3478 73.8696C71.0183 73.8696 69.7996 73.3711 69.7996 69.9365V24.0682C69.7996 22.2955 68.3592 20.7998 66.5312 20.7998C64.8139 20.7998 63.2628 22.2955 63.2628 24.0682V69.9919C63.2628 76.4733 66.4758 80.074 72.2924 80.074C74.0097 80.074 75.3946 78.6891 75.3946 76.9718C75.3946 75.2545 74.0097 73.8696 72.3478 73.8696Z" fill="black"/>
|
||||
<path d="M83.8703 40.9087C82.0422 40.9087 80.6019 42.349 80.6019 44.1771V76.8056C80.6019 78.6337 82.0422 80.074 83.8703 80.074C85.6983 80.074 87.1387 78.6337 87.1387 76.8056V44.1217C87.0833 42.349 85.6429 40.9087 83.8703 40.9087Z" fill="black"/>
|
||||
<path d="M111.292 40.4102C107.192 40.4102 103.481 41.9613 101.265 44.5095V44.1217C101.265 42.2936 99.8244 40.8533 97.9964 40.8533C96.1683 40.8533 94.728 42.2936 94.728 44.1217V76.7503C94.728 78.5783 96.1683 80.0186 97.9964 80.0186C99.8244 80.0186 101.265 78.5783 101.265 76.7503V56.9183C101.265 49.883 104.644 46.3376 111.292 46.3376C118.77 46.3376 120.266 50.3261 120.266 56.3643V76.8056C120.266 78.6337 121.706 80.074 123.479 80.074C125.307 80.074 126.747 78.6337 126.747 76.8056V55.3118C126.747 45.4512 121.54 40.4102 111.292 40.4102Z" fill="black"/>
|
||||
<path d="M150.235 74.4236C142.812 74.4236 139.267 69.8257 139.267 60.4083C139.267 50.9909 142.868 46.4484 150.235 46.4484C157.603 46.4484 161.204 50.9909 161.204 60.4083C161.204 69.8257 157.603 74.4236 150.235 74.4236ZM150.235 40.4102C138.934 40.4102 132.675 47.5009 132.675 60.3529C132.675 73.2603 138.934 80.4064 150.235 80.4064C161.536 80.4064 167.796 73.3157 167.796 60.3529C167.796 47.5009 161.536 40.4102 150.235 40.4102Z" fill="black"/>
|
||||
<path d="M83.8703 27.7244C81.4882 27.7244 80.2141 29.0539 80.2141 31.5467C80.2141 33.818 81.599 35.2029 83.8703 35.2029C86.1415 35.2029 87.5264 33.818 87.5264 31.5467C87.5264 29.0539 86.2523 27.7244 83.8703 27.7244Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4875 4875"><path fill="#0078d4" d="M0 0h2311v2310H0zm2564 0h2311v2310H2564zM0 2564h2311v2311H0zm2564 0h2311v2311H2564"/></svg>
|
||||
|
After Width: | Height: | Size: 179 B |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@@ -0,0 +1,288 @@
|
||||
---
|
||||
// A faithful CSS mock-up of the Margin desktop app: chapter sidebar, the
|
||||
// writing surface set in Literata, and the live PDF preview dock. The editor
|
||||
// shows live proofing underlines; the PDF dock shows the clean typeset page.
|
||||
---
|
||||
|
||||
<div class="win" role="img" aria-label="The Margin app: a chapter sidebar, a writing surface with live proofing, and a live PDF page preview.">
|
||||
<div class="win__bar">
|
||||
<span class="dot"></span><span class="dot"></span><span class="dot"></span>
|
||||
<span class="win__title">The Lighthouse Keeper</span>
|
||||
<span class="win__menu">Export ▾</span>
|
||||
</div>
|
||||
|
||||
<div class="win__body">
|
||||
<aside class="side">
|
||||
<p class="side__label">Manuscript</p>
|
||||
<ul>
|
||||
<li>Title Page</li>
|
||||
<li>Dedication</li>
|
||||
<li class="is-active">1 · The Cliff</li>
|
||||
<li>2 · A Light at Sea</li>
|
||||
<li>3 · Salt and Silence</li>
|
||||
<li>4 · The Long Night</li>
|
||||
</ul>
|
||||
<p class="side__label">Book setup</p>
|
||||
<ul class="side__meta">
|
||||
<li>Trim · 5 × 8 in</li>
|
||||
<li>Language · English</li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<main class="page">
|
||||
<div class="page__sheet">
|
||||
<p class="chapno">Chapter One</p>
|
||||
<h4 class="chaptitle">The Cliff</h4>
|
||||
<p>
|
||||
The lighthouse had stood on the headland for ninety years, and in all that time it had
|
||||
never once gone dark. Mara intended to keep it that way.
|
||||
</p>
|
||||
<p>
|
||||
She climbed the iron stair each evening at dusk, counting the
|
||||
<span class="u-spell">hundered</span> and one steps out of habit, and watched the lamp
|
||||
<span class="u-grammar">turns</span> its slow circle across the water.
|
||||
</p>
|
||||
<p>The sea, tonight, was the colour of pewter.</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<aside class="dock">
|
||||
<p class="dock__label">Live PDF · pg 7</p>
|
||||
<div class="dock__pdf">
|
||||
<span class="rh">THE LIGHTHOUSE KEEPER</span>
|
||||
<p class="pch">Chapter One</p>
|
||||
<p class="pdt">The Cliff</p>
|
||||
<p class="pp pp--first">
|
||||
The lighthouse had stood on the headland for ninety years, and in all that time it had
|
||||
never once gone dark. Mara intended to keep it that way.
|
||||
</p>
|
||||
<p class="pp">
|
||||
She climbed the iron stair each evening at dusk, counting the hundred and one steps out
|
||||
of habit, and watched the lamp turn its slow circle across the water.
|
||||
</p>
|
||||
<p class="pp">The sea, tonight, was the colour of pewter.</p>
|
||||
<span class="pg">7</span>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.win {
|
||||
width: 100%;
|
||||
border-radius: var(--r-xl);
|
||||
background: var(--shell);
|
||||
border: 1px solid var(--line-strong);
|
||||
box-shadow: var(--shadow-deep);
|
||||
overflow: hidden;
|
||||
}
|
||||
.win__bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
height: 40px;
|
||||
padding-inline: 16px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
background: var(--sidebar);
|
||||
font-size: 0.78rem;
|
||||
color: var(--ink-faint);
|
||||
}
|
||||
.dot {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.win__bar .dot:nth-child(1) {
|
||||
background: #ff5f57;
|
||||
}
|
||||
.win__bar .dot:nth-child(2) {
|
||||
background: #febc2e;
|
||||
}
|
||||
.win__bar .dot:nth-child(3) {
|
||||
background: #28c840;
|
||||
}
|
||||
.win__title {
|
||||
margin-inline: auto;
|
||||
font-weight: 500;
|
||||
}
|
||||
.win__menu {
|
||||
color: var(--ink-soft);
|
||||
font-weight: 500;
|
||||
}
|
||||
.win__body {
|
||||
display: grid;
|
||||
grid-template-columns: 172px 1fr 196px;
|
||||
min-height: 392px;
|
||||
}
|
||||
|
||||
.side {
|
||||
background: var(--sidebar);
|
||||
border-right: 1px solid var(--line);
|
||||
padding: 16px 12px;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.side__label {
|
||||
font-size: 0.66rem;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
color: var(--ink-faint);
|
||||
font-weight: 650;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
.side ul {
|
||||
list-style: none;
|
||||
margin: 0 0 18px;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
.side li {
|
||||
padding: 5px 8px;
|
||||
border-radius: var(--r-sm);
|
||||
color: var(--ink-soft);
|
||||
}
|
||||
.side li.is-active {
|
||||
background: var(--accent-wash);
|
||||
color: var(--ink);
|
||||
font-weight: 600;
|
||||
}
|
||||
.side__meta li {
|
||||
color: var(--ink-faint);
|
||||
font-size: 0.74rem;
|
||||
}
|
||||
|
||||
.page {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 26px 18px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.page__sheet {
|
||||
width: 100%;
|
||||
max-width: 360px;
|
||||
font-family: var(--font-book);
|
||||
font-size: 0.92rem;
|
||||
line-height: 1.62;
|
||||
color: var(--ink);
|
||||
}
|
||||
.page__sheet p {
|
||||
margin: 0 0 0.7em;
|
||||
text-indent: 1.1em;
|
||||
}
|
||||
.chapno {
|
||||
text-indent: 0 !important;
|
||||
text-align: center;
|
||||
font-family: var(--font-ui);
|
||||
font-size: 0.62rem;
|
||||
letter-spacing: 0.18em;
|
||||
text-transform: uppercase;
|
||||
color: var(--ink-faint);
|
||||
margin-bottom: 0.4em !important;
|
||||
}
|
||||
.chaptitle {
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 560;
|
||||
margin: 0 0 1.1em;
|
||||
}
|
||||
.u-spell {
|
||||
text-decoration: wavy underline var(--danger);
|
||||
text-decoration-thickness: 1.5px;
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
.u-grammar {
|
||||
text-decoration: wavy underline var(--good);
|
||||
text-decoration-thickness: 1.5px;
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
|
||||
.dock {
|
||||
background: var(--shell);
|
||||
border-left: 1px solid var(--line);
|
||||
padding: 16px 14px;
|
||||
}
|
||||
.dock__label {
|
||||
font-size: 0.66rem;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
color: var(--ink-faint);
|
||||
font-weight: 650;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
.dock__pdf {
|
||||
position: relative;
|
||||
aspect-ratio: 5 / 8;
|
||||
background: #fcfbf7;
|
||||
border-radius: 3px;
|
||||
box-shadow: var(--shadow-page);
|
||||
padding: 18px 16px 22px;
|
||||
overflow: hidden;
|
||||
color: #2a2622;
|
||||
}
|
||||
.dock__pdf .rh {
|
||||
display: block;
|
||||
font-family: var(--font-ui);
|
||||
font-size: 4.4px;
|
||||
letter-spacing: 0.16em;
|
||||
color: #b3ab9c;
|
||||
text-align: center;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.dock__pdf .pch {
|
||||
font-family: var(--font-ui);
|
||||
font-size: 4px;
|
||||
letter-spacing: 0.22em;
|
||||
text-transform: uppercase;
|
||||
color: #9b9484;
|
||||
text-align: center;
|
||||
margin: 0 0 4px;
|
||||
}
|
||||
.dock__pdf .pdt {
|
||||
font-family: var(--font-book);
|
||||
font-size: 9px;
|
||||
font-weight: 560;
|
||||
color: #23201b;
|
||||
text-align: center;
|
||||
margin: 0 0 11px;
|
||||
}
|
||||
.dock__pdf .pp {
|
||||
font-family: var(--font-book);
|
||||
font-size: 5.6px;
|
||||
line-height: 1.62;
|
||||
text-align: justify;
|
||||
text-indent: 1.3em;
|
||||
margin: 0 0 0.5em;
|
||||
color: #2a2622;
|
||||
}
|
||||
.dock__pdf .pp--first {
|
||||
text-indent: 0;
|
||||
}
|
||||
.dock__pdf .pg {
|
||||
position: absolute;
|
||||
bottom: 9px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
font-family: var(--font-book);
|
||||
font-size: 5px;
|
||||
color: #b3ab9c;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.win__body {
|
||||
grid-template-columns: 1fr 168px;
|
||||
}
|
||||
.side {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.win__body {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.dock {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,31 @@
|
||||
---
|
||||
const icons = import.meta.glob("../icons/*.svg", {
|
||||
query: "?raw",
|
||||
import: "default",
|
||||
eager: true,
|
||||
});
|
||||
|
||||
interface Props {
|
||||
name: string;
|
||||
label?: string;
|
||||
class?: string;
|
||||
}
|
||||
const { name, label, class: cls } = Astro.props;
|
||||
const svg = (icons[`../icons/${name}.svg`] as string | undefined) ?? "";
|
||||
---
|
||||
|
||||
<span class:list={["brand-icon", cls]} role="img" aria-label={label} set:html={svg}></span>
|
||||
|
||||
<style is:global>
|
||||
.brand-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
line-height: 0;
|
||||
}
|
||||
.brand-icon svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
fill: currentColor;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,52 @@
|
||||
---
|
||||
import DownloadButtons from "./DownloadButtons.astro";
|
||||
import OfferBadge from "./OfferBadge.astro";
|
||||
---
|
||||
|
||||
<section class="section cta">
|
||||
<div class="container cta__inner">
|
||||
<h2>Start your book today.</h2>
|
||||
<p class="lede">
|
||||
Download Margin, open a blank page, and write the first line. When it's done, export it and
|
||||
publish. All of it on your own machine, all of it yours.
|
||||
</p>
|
||||
<div class="cta__btns">
|
||||
<DownloadButtons large />
|
||||
</div>
|
||||
<div class="cta__offer">
|
||||
<OfferBadge />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.cta {
|
||||
background:
|
||||
radial-gradient(120% 120% at 50% 120%, var(--paper) 0%, transparent 62%),
|
||||
var(--shell);
|
||||
}
|
||||
.cta__inner {
|
||||
max-width: 640px;
|
||||
margin-inline: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.cta .lede {
|
||||
margin: 18px auto 0;
|
||||
}
|
||||
.cta__btns {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 32px;
|
||||
}
|
||||
.cta__btns :global(.dl) {
|
||||
align-items: center;
|
||||
}
|
||||
.cta__btns :global(.dl__os) {
|
||||
justify-content: center;
|
||||
}
|
||||
.cta__offer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,169 @@
|
||||
---
|
||||
import { compare, site } from "../data/site";
|
||||
|
||||
const keyFor: Record<string, "margin" | "vellum" | "atticus" | "lacuna"> = {
|
||||
Margin: "margin",
|
||||
Vellum: "vellum",
|
||||
Atticus: "atticus",
|
||||
Lacuna: "lacuna",
|
||||
};
|
||||
|
||||
function cell(value: boolean | "partial") {
|
||||
if (value === true) return { cls: "yes", label: "Yes" };
|
||||
if (value === "partial") return { cls: "partial", label: "Varies" };
|
||||
return { cls: "no", label: "No" };
|
||||
}
|
||||
---
|
||||
|
||||
<section class="section compare" id="compare">
|
||||
<div class="container">
|
||||
<header class="block-head block-head--center">
|
||||
<p class="eyebrow">How Margin compares</p>
|
||||
<h2>A better way to make a book.</h2>
|
||||
<p class="lede">
|
||||
Atticus, Vellum, and Lacuna are capable tools. Here's where Margin is simply different:
|
||||
offline, on every platform, and yours from $0.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div class="table-wrap card">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="th-feature"></th>
|
||||
{
|
||||
compare.cols.map((c) => (
|
||||
<th class:list={["th-col", { "th-col--us": c === "Margin" }]}>{c}</th>
|
||||
))
|
||||
}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{
|
||||
compare.rows.map((row) => (
|
||||
<tr>
|
||||
<td class="td-feature">{row.feature}</td>
|
||||
{
|
||||
compare.cols.map((c) => {
|
||||
const v = row[keyFor[c]];
|
||||
const m = cell(v);
|
||||
const isUs = c === "Margin";
|
||||
return (
|
||||
<td class:list={["td-val", { "td-val--us": isUs }]}>
|
||||
<span class:list={["mark", m.cls]} title={m.label}>
|
||||
{m.cls === "yes" ? (
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5" /></svg>
|
||||
) : (
|
||||
<span class="bar" aria-hidden="true"></span>
|
||||
)}
|
||||
<span class="sr">{m.label}</span>
|
||||
</span>
|
||||
</td>
|
||||
);
|
||||
})
|
||||
}
|
||||
</tr>
|
||||
))
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="compare__foot">
|
||||
Vellum is Mac-only. Lacuna runs on Mac and Windows. Atticus is cloud-based and asks you to
|
||||
sign in. {site.name} runs offline on all three platforms, with no account at all.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.block-head--center {
|
||||
margin-inline: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.block-head--center .lede {
|
||||
margin-inline: auto;
|
||||
}
|
||||
.table-wrap {
|
||||
overflow-x: auto;
|
||||
padding: 6px;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
min-width: 640px;
|
||||
}
|
||||
th,
|
||||
td {
|
||||
padding: 15px 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.th-feature,
|
||||
.td-feature {
|
||||
text-align: left;
|
||||
width: 42%;
|
||||
}
|
||||
thead th {
|
||||
font-family: var(--font-ui);
|
||||
font-size: 0.95rem;
|
||||
font-weight: 680;
|
||||
color: var(--ink-soft);
|
||||
border-bottom: 1px solid var(--line);
|
||||
padding-top: 18px;
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
.th-col--us {
|
||||
color: var(--ink);
|
||||
background: var(--accent-wash);
|
||||
border-radius: var(--r-md) var(--r-md) 0 0;
|
||||
}
|
||||
.td-feature {
|
||||
font-weight: 550;
|
||||
color: var(--ink);
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
tbody tr + tr td {
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
.td-val--us {
|
||||
background: var(--accent-wash);
|
||||
}
|
||||
tbody tr:last-child .td-val--us {
|
||||
border-radius: 0 0 var(--r-md) var(--r-md);
|
||||
}
|
||||
.mark {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.mark.yes {
|
||||
background: color-mix(in srgb, var(--good) 16%, transparent);
|
||||
color: var(--good);
|
||||
}
|
||||
.mark.yes svg {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
.bar {
|
||||
width: 12px;
|
||||
height: 2px;
|
||||
border-radius: 2px;
|
||||
background: var(--line-strong);
|
||||
}
|
||||
.sr {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0 0 0 0);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.compare__foot {
|
||||
margin-top: 18px;
|
||||
font-size: 0.82rem;
|
||||
color: var(--ink-faint);
|
||||
max-width: 70ch;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,82 @@
|
||||
---
|
||||
import { site, platforms } from "../data/site";
|
||||
|
||||
interface Props {
|
||||
large?: boolean;
|
||||
}
|
||||
const { large = false } = Astro.props;
|
||||
---
|
||||
|
||||
<div class="dl">
|
||||
<a
|
||||
class:list={["btn", { "btn--lg": large }]}
|
||||
href={site.releasesUrl}
|
||||
data-download
|
||||
rel="noopener"
|
||||
download
|
||||
>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
|
||||
<path d="M12 3v12m0 0 4-4m-4 4-4-4M5 21h14" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
<span data-dl-label>Download {site.name}</span>
|
||||
</a>
|
||||
|
||||
<div class="dl__os">
|
||||
<span class="dl__also">Also for</span>
|
||||
{
|
||||
platforms.map((p) => (
|
||||
<a
|
||||
class="dl__chip"
|
||||
href={site.releasesUrl}
|
||||
data-download-os={p.id}
|
||||
rel="noopener"
|
||||
download
|
||||
aria-label={`Download for ${p.label}`}
|
||||
title={p.label}
|
||||
>
|
||||
<img class="dl__logo" src={`/logos/${p.logo}`} alt={p.label} />
|
||||
</a>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.dl {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.dl__os {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.dl__also {
|
||||
font-size: 0.82rem;
|
||||
color: var(--ink-faint);
|
||||
font-weight: 500;
|
||||
}
|
||||
.dl__chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: #ffffff;
|
||||
border: 1px solid var(--line-strong);
|
||||
border-radius: var(--r-md);
|
||||
transition: box-shadow 0.18s var(--ease), transform 0.18s var(--ease);
|
||||
}
|
||||
.dl__chip:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: var(--shadow-pop);
|
||||
}
|
||||
.dl__logo {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
object-fit: contain;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,66 @@
|
||||
---
|
||||
import { site } from "../data/site";
|
||||
const { repo, releasesUrl } = site;
|
||||
---
|
||||
|
||||
<script define:vars={{ repo, releasesUrl }}>
|
||||
const SUFFIXES = {
|
||||
mac: [".dmg"],
|
||||
windows: [".msi", ".exe"],
|
||||
linux: [".AppImage", ".deb", ".rpm"],
|
||||
};
|
||||
const LABELS = { mac: "macOS", windows: "Windows", linux: "Linux" };
|
||||
|
||||
function detectOS() {
|
||||
const ua = navigator.userAgent;
|
||||
const plat = ((navigator.userAgentData && navigator.userAgentData.platform) || navigator.platform || "").toLowerCase();
|
||||
if (/mac|iphone|ipad|ipod/i.test(ua) || plat.includes("mac")) return "mac";
|
||||
if (/win/i.test(ua) || plat.includes("win")) return "windows";
|
||||
if (/linux|x11|cros/i.test(ua) || plat.includes("linux")) return "linux";
|
||||
return "mac";
|
||||
}
|
||||
|
||||
function pickAsset(assets, os) {
|
||||
for (const sfx of SUFFIXES[os] || []) {
|
||||
const hit = assets.find((a) => a.name.toLowerCase().endsWith(sfx.toLowerCase()));
|
||||
if (hit) return hit.browser_download_url;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
const os = detectOS();
|
||||
|
||||
document.querySelectorAll("[data-download]").forEach((el) => {
|
||||
el.dataset.detectedOs = os;
|
||||
const label = el.querySelector("[data-dl-label]");
|
||||
if (label) label.textContent = "Download for " + LABELS[os];
|
||||
});
|
||||
|
||||
(async () => {
|
||||
try {
|
||||
const res = await fetch(`https://api.github.com/repos/${repo}/releases/latest`, {
|
||||
headers: { Accept: "application/vnd.github+json" },
|
||||
});
|
||||
if (!res.ok) return;
|
||||
const data = await res.json();
|
||||
const assets = data.assets || [];
|
||||
const version = data.tag_name || "";
|
||||
|
||||
document.querySelectorAll("[data-download]").forEach((el) => {
|
||||
const url = pickAsset(assets, el.dataset.detectedOs || os);
|
||||
if (url) el.href = url;
|
||||
});
|
||||
document.querySelectorAll("[data-download-os]").forEach((el) => {
|
||||
const url = pickAsset(assets, el.dataset.downloadOs);
|
||||
if (url) el.href = url;
|
||||
});
|
||||
if (version) {
|
||||
document.querySelectorAll("[data-version]").forEach((el) => {
|
||||
el.textContent = version;
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
/* keep the releases-page fallback links */
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
@@ -0,0 +1,88 @@
|
||||
---
|
||||
import { faqs, site } from "../data/site";
|
||||
---
|
||||
|
||||
<section class="section faq" id="faq">
|
||||
<div class="container faq__inner">
|
||||
<header class="block-head block-head--center">
|
||||
<p class="eyebrow">Questions</p>
|
||||
<h2>Questions, answered.</h2>
|
||||
<p class="lede">
|
||||
Don't see yours? <a class="faq__mail" href={`mailto:${site.supportEmail}`}>Email us</a>.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div class="faq__list">
|
||||
{
|
||||
faqs.map((f) => (
|
||||
<details class="faq__item">
|
||||
<summary>
|
||||
<span>{f.q}</span>
|
||||
<svg class="faq__chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d="M12 5v14M5 12h14" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="faq__answer">
|
||||
<p>{f.a}</p>
|
||||
</div>
|
||||
</details>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.faq__inner {
|
||||
max-width: 800px;
|
||||
}
|
||||
.faq__mail {
|
||||
color: var(--ink);
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 2px;
|
||||
}
|
||||
.faq__list {
|
||||
margin-top: clamp(32px, 4vw, 44px);
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
.faq__item {
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
summary {
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 18px;
|
||||
padding: 22px 4px;
|
||||
font-family: var(--font-ui);
|
||||
font-weight: 620;
|
||||
font-size: 1.08rem;
|
||||
color: var(--ink);
|
||||
}
|
||||
summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
summary:hover {
|
||||
color: var(--ink);
|
||||
}
|
||||
.faq__chev {
|
||||
flex: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: var(--ink-faint);
|
||||
transition: transform 0.22s var(--ease);
|
||||
}
|
||||
.faq__item[open] .faq__chev {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.faq__answer {
|
||||
padding: 0 4px 24px;
|
||||
max-width: 68ch;
|
||||
}
|
||||
.faq__answer p {
|
||||
color: var(--ink-soft);
|
||||
line-height: 1.62;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,123 @@
|
||||
---
|
||||
const features = [
|
||||
{
|
||||
title: "A writing surface that gets out of the way",
|
||||
body: "A clean editor built for long-form prose. Headings, scenes, block quotes, and chapters: the structure of a book, with none of the clutter of a word processor.",
|
||||
icon: "pen",
|
||||
},
|
||||
{
|
||||
title: "Book setup in a single panel",
|
||||
body: "Title, author, ISBN, trim size, and language live in one place. Click the title bar, fill it in once, and every export inherits it.",
|
||||
icon: "book",
|
||||
},
|
||||
{
|
||||
title: "Images, placed like a typesetter would",
|
||||
body: "Drop in figures and choose how they sit on the page: inline, full width, full page, or floated. The page preview shows exactly where they land.",
|
||||
icon: "image",
|
||||
},
|
||||
{
|
||||
title: "A live page preview as you write",
|
||||
body: "A real, paginated preview docks beside your text. Watch your words fall into a properly typeset book the moment you type them.",
|
||||
icon: "preview",
|
||||
},
|
||||
{
|
||||
title: "One source, every format",
|
||||
body: "Your writing flows into the editor, the printed page, and the ebook from one place, all set in real book typography. Change something once and it updates everywhere.",
|
||||
icon: "layers",
|
||||
},
|
||||
{
|
||||
title: "Your book is one simple file",
|
||||
body: "Your whole book is a single file you can copy, rename, email, or tuck into a folder. No libraries to manage, nothing locked away.",
|
||||
icon: "file",
|
||||
},
|
||||
];
|
||||
|
||||
const paths: Record<string, string> = {
|
||||
pen: "M12 19l7-7 3 3-7 7-3-3zM18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5zM2 2l7.586 7.586",
|
||||
book: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z",
|
||||
image: "M3 5h18v14H3zM3 16l5-5 4 4 4-4 5 5M9 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z",
|
||||
preview: "M3 3h18v18H3zM3 9h18M9 9v12",
|
||||
layers: "M12 2 2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5",
|
||||
file: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M9 13h6M9 17h6",
|
||||
};
|
||||
---
|
||||
|
||||
<section class="section features" id="features">
|
||||
<div class="container">
|
||||
<header class="block-head">
|
||||
<p class="eyebrow">The exact tools, nothing more</p>
|
||||
<h2>Everything you need to make a book.</h2>
|
||||
<p class="lede">
|
||||
Page-layout suites bury the few tools a book actually needs under a thousand you never
|
||||
will. Margin keeps the handful that matter, and makes them effortless.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div class="grid">
|
||||
{
|
||||
features.map((f) => (
|
||||
<article class="card feat">
|
||||
<span class="feat__icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d={paths[f.icon]} />
|
||||
</svg>
|
||||
</span>
|
||||
<h3>{f.title}</h3>
|
||||
<p>{f.body}</p>
|
||||
</article>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.block-head {
|
||||
max-width: 640px;
|
||||
margin-bottom: clamp(36px, 5vw, 56px);
|
||||
}
|
||||
.block-head .lede {
|
||||
margin-top: 18px;
|
||||
max-width: 58ch;
|
||||
}
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 18px;
|
||||
}
|
||||
.feat {
|
||||
padding: 26px 24px 28px;
|
||||
}
|
||||
.feat__icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border-radius: var(--r-md);
|
||||
background: var(--accent-wash);
|
||||
color: var(--ink);
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.feat__icon svg {
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
}
|
||||
.feat h3 {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.feat p {
|
||||
color: var(--ink-soft);
|
||||
font-size: 0.96rem;
|
||||
}
|
||||
@media (max-width: 880px) {
|
||||
.grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
.grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,154 @@
|
||||
---
|
||||
import { site } from "../data/site";
|
||||
import Logo from "./Logo.astro";
|
||||
|
||||
const cols = [
|
||||
{
|
||||
title: "Get Margin",
|
||||
links: [
|
||||
{ label: "Download for macOS", href: site.releasesUrl, os: "mac" },
|
||||
{ label: "Download for Windows", href: site.releasesUrl, os: "windows" },
|
||||
{ label: "Download for Linux", href: site.releasesUrl, os: "linux" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Product",
|
||||
links: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Publishing", href: "#publish" },
|
||||
{ label: "Compare", href: "#compare" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
links: [
|
||||
{ label: "Questions", href: "#faq" },
|
||||
{ label: "Email us", href: `mailto:${site.supportEmail}` },
|
||||
],
|
||||
},
|
||||
];
|
||||
---
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container footer__inner">
|
||||
<div class="footer__brand">
|
||||
<a class="brand" href="/">
|
||||
<Logo size={30} />
|
||||
<span>{site.name}</span>
|
||||
</a>
|
||||
<p>The offline writing studio for authors. Write your book and publish it anywhere.</p>
|
||||
</div>
|
||||
|
||||
<div class="footer__cols">
|
||||
{
|
||||
cols.map((col) => (
|
||||
<nav class="footer__col">
|
||||
<p class="footer__title">{col.title}</p>
|
||||
<ul>
|
||||
{col.links.map((l) => {
|
||||
const isAnchor = l.href.startsWith("#") || l.href.startsWith("mailto:");
|
||||
return (
|
||||
<li>
|
||||
<a
|
||||
href={l.href}
|
||||
data-download-os={(l as { os?: string }).os}
|
||||
target={isAnchor ? undefined : "_blank"}
|
||||
rel={isAnchor ? undefined : "noopener"}
|
||||
>
|
||||
{l.label}
|
||||
</a>
|
||||
</li>
|
||||
);
|
||||
})}
|
||||
</ul>
|
||||
</nav>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container footer__base">
|
||||
<span>© {site.name}. Built with <span class="heart">♥</span> in NYC</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.footer {
|
||||
background: var(--sidebar);
|
||||
border-top: 1px solid var(--line);
|
||||
padding-top: clamp(48px, 6vw, 72px);
|
||||
padding-bottom: 28px;
|
||||
}
|
||||
.footer__inner {
|
||||
display: grid;
|
||||
grid-template-columns: 1.3fr 2fr;
|
||||
gap: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.footer__brand .brand {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 9px;
|
||||
font-weight: 680;
|
||||
font-size: 1.12rem;
|
||||
}
|
||||
.footer__brand img {
|
||||
border-radius: 7px;
|
||||
}
|
||||
.footer__brand p {
|
||||
margin-top: 12px;
|
||||
color: var(--ink-soft);
|
||||
font-size: 0.92rem;
|
||||
max-width: 34ch;
|
||||
}
|
||||
.footer__cols {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 24px;
|
||||
}
|
||||
.footer__title {
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 650;
|
||||
color: var(--ink-faint);
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.footer__col ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
.footer__col a {
|
||||
color: var(--ink-soft);
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
.footer__col a:hover {
|
||||
color: var(--ink);
|
||||
}
|
||||
.footer__base {
|
||||
padding-top: 22px;
|
||||
border-top: 1px solid var(--line);
|
||||
text-align: center;
|
||||
font-size: 0.82rem;
|
||||
color: var(--ink-faint);
|
||||
}
|
||||
.heart {
|
||||
color: var(--danger);
|
||||
}
|
||||
@media (max-width: 760px) {
|
||||
.footer__inner {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 32px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.footer__cols {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,73 @@
|
||||
---
|
||||
import AppWindow from "./AppWindow.astro";
|
||||
import DownloadButtons from "./DownloadButtons.astro";
|
||||
import OfferBadge from "./OfferBadge.astro";
|
||||
---
|
||||
|
||||
<section class="hero">
|
||||
<div class="container hero__head">
|
||||
<h1>
|
||||
Write your book.<br />
|
||||
<span class="book-accent">Own</span> every word.
|
||||
</h1>
|
||||
<p class="lede hero__lede">
|
||||
Margin is a calm, offline writing studio for authors. Write your book, format it
|
||||
beautifully, and send it to every store and to print, all from your own machine. No
|
||||
subscription, no account. Buy once, own it forever.
|
||||
</p>
|
||||
|
||||
<div class="hero__cta">
|
||||
<DownloadButtons large />
|
||||
</div>
|
||||
<div class="hero__offer">
|
||||
<OfferBadge />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container hero__art">
|
||||
<AppWindow />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.hero {
|
||||
padding-top: clamp(48px, 7vw, 92px);
|
||||
padding-bottom: clamp(40px, 6vw, 72px);
|
||||
background:
|
||||
radial-gradient(120% 90% at 50% -10%, var(--paper) 0%, transparent 60%),
|
||||
var(--shell);
|
||||
}
|
||||
.hero__head {
|
||||
text-align: center;
|
||||
max-width: 760px;
|
||||
}
|
||||
h1 {
|
||||
font-size: clamp(2.6rem, 1.6rem + 4.4vw, 4.5rem);
|
||||
letter-spacing: -0.02em;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
.hero__lede {
|
||||
margin-inline: auto;
|
||||
max-width: 56ch;
|
||||
}
|
||||
.hero__cta {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 34px;
|
||||
}
|
||||
.hero__cta :global(.dl) {
|
||||
align-items: center;
|
||||
}
|
||||
.hero__cta :global(.dl__os) {
|
||||
justify-content: center;
|
||||
}
|
||||
.hero__offer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.hero__art {
|
||||
margin-top: clamp(44px, 6vw, 72px);
|
||||
max-width: 1000px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,11 @@
|
||||
---
|
||||
interface Props {
|
||||
size?: number;
|
||||
}
|
||||
const { size = 28 } = Astro.props;
|
||||
---
|
||||
|
||||
<span class="logo-mark" style={`width:${size}px;height:${size}px`}>
|
||||
<img class="light" src="/logo-light.svg" alt="" width={size} height={size} />
|
||||
<img class="dark" src="/logo-dark.svg" alt="" width={size} height={size} />
|
||||
</span>
|
||||
@@ -0,0 +1,132 @@
|
||||
---
|
||||
import { site } from "../data/site";
|
||||
import Logo from "./Logo.astro";
|
||||
---
|
||||
|
||||
<header class="nav">
|
||||
<div class="container nav__inner">
|
||||
<a class="brand" href="/" aria-label={`${site.name} home`}>
|
||||
<Logo size={28} />
|
||||
<span>{site.name}</span>
|
||||
</a>
|
||||
|
||||
<nav class="nav__links" aria-label="Primary">
|
||||
<a href="#features">Features</a>
|
||||
<a href="#publish">Publishing</a>
|
||||
<a href="#compare">Compare</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="#faq">Questions</a>
|
||||
</nav>
|
||||
|
||||
<div class="nav__actions">
|
||||
<button class="iconlink" id="theme-toggle" aria-label="Toggle theme" type="button">
|
||||
<svg class="i-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true">
|
||||
<circle cx="12" cy="12" r="4"></circle>
|
||||
<path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"></path>
|
||||
</svg>
|
||||
<svg class="i-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true">
|
||||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<script is:inline>
|
||||
(function () {
|
||||
var btn = document.getElementById("theme-toggle");
|
||||
if (!btn) return;
|
||||
btn.addEventListener("click", function () {
|
||||
var cur = document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light";
|
||||
var next = cur === "dark" ? "light" : "dark";
|
||||
document.documentElement.setAttribute("data-theme", next);
|
||||
try {
|
||||
localStorage.setItem("margin-theme", next);
|
||||
} catch (e) {}
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.nav {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 50;
|
||||
background: var(--glass);
|
||||
backdrop-filter: saturate(140%) blur(14px);
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
.nav__inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
height: 64px;
|
||||
}
|
||||
.brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 9px;
|
||||
font-weight: 680;
|
||||
font-size: 1.12rem;
|
||||
letter-spacing: -0.01em;
|
||||
margin-right: auto;
|
||||
}
|
||||
.brand img {
|
||||
border-radius: 7px;
|
||||
}
|
||||
.nav__links {
|
||||
display: flex;
|
||||
gap: 26px;
|
||||
font-size: 0.95rem;
|
||||
color: var(--ink-soft);
|
||||
font-weight: 500;
|
||||
}
|
||||
.nav__links a:hover {
|
||||
color: var(--ink);
|
||||
}
|
||||
.nav__actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.iconlink {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
border-radius: 999px;
|
||||
color: var(--ink-soft);
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
transition: background 0.18s var(--ease), color 0.18s var(--ease);
|
||||
}
|
||||
.iconlink:hover {
|
||||
background: var(--accent-wash);
|
||||
color: var(--ink);
|
||||
}
|
||||
.iconlink svg {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.i-moon {
|
||||
display: none;
|
||||
}
|
||||
:root[data-theme="dark"] .i-sun {
|
||||
display: none;
|
||||
}
|
||||
:root[data-theme="dark"] .i-moon {
|
||||
display: block;
|
||||
}
|
||||
@media (max-width: 860px) {
|
||||
.nav__links {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
.nav__cta {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,67 @@
|
||||
---
|
||||
import { site } from "../data/site";
|
||||
const { cap, left } = site.launch;
|
||||
---
|
||||
|
||||
<span class="offer">
|
||||
<span class="offer__dot"></span>
|
||||
<span class="offer__price"><s>{site.price}</s> $0</span>
|
||||
<span class="offer__txt">for the first {cap} writers</span>
|
||||
<span class="offer__sep">·</span>
|
||||
<span class="offer__left">only {left} left</span>
|
||||
</span>
|
||||
|
||||
<style>
|
||||
.offer {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 9px;
|
||||
padding: 8px 16px;
|
||||
border-radius: 999px;
|
||||
background: color-mix(in srgb, var(--good) 12%, var(--paper));
|
||||
border: 1px solid color-mix(in srgb, var(--good) 32%, transparent);
|
||||
box-shadow: var(--shadow-page);
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
color: var(--ink);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.offer__dot {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
border-radius: 50%;
|
||||
background: var(--good);
|
||||
animation: offer-pulse 2s var(--ease) infinite;
|
||||
}
|
||||
@keyframes offer-pulse {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 color-mix(in srgb, var(--good) 55%, transparent);
|
||||
}
|
||||
70% {
|
||||
box-shadow: 0 0 0 7px transparent;
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 transparent;
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.offer__dot {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
.offer__price s {
|
||||
color: var(--ink-faint);
|
||||
margin-right: 4px;
|
||||
}
|
||||
.offer__price {
|
||||
color: var(--good);
|
||||
font-weight: 800;
|
||||
}
|
||||
.offer__sep {
|
||||
color: var(--ink-faint);
|
||||
}
|
||||
.offer__left {
|
||||
color: var(--good);
|
||||
font-weight: 700;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,202 @@
|
||||
---
|
||||
import { site } from "../data/site";
|
||||
import DownloadButtons from "./DownloadButtons.astro";
|
||||
|
||||
const { cap, left } = site.launch;
|
||||
const claimed = cap - left;
|
||||
const pct = Math.round((claimed / cap) * 100);
|
||||
|
||||
const included = [
|
||||
"Every feature, nothing held back",
|
||||
"macOS, Windows & Linux",
|
||||
"Unlimited books, unlimited exports",
|
||||
"Updates included, no renewals",
|
||||
"No account, ever",
|
||||
"Your book stays yours, forever",
|
||||
];
|
||||
---
|
||||
|
||||
<section class="section pricing" id="pricing">
|
||||
<div class="container">
|
||||
<header class="block-head block-head--center">
|
||||
<p class="eyebrow">One price, once</p>
|
||||
<h2>Buy once. Own it forever.</h2>
|
||||
<p class="lede">
|
||||
Software you buy and keep, the way it used to be. No subscription, no per-book fees, no
|
||||
login that can expire. Pay once, and Margin is yours.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div class="price-card card">
|
||||
<div class="price-card__badge">
|
||||
<span class="price-card__dot"></span>
|
||||
Launch offer · only {left} of {cap} spots left
|
||||
</div>
|
||||
|
||||
<div class="price-card__amount">
|
||||
<s class="price-card__was">{site.price}</s>
|
||||
<span class="price-card__num">$0</span>
|
||||
</div>
|
||||
<p class="price-card__sub">
|
||||
$0 for the first {cap} writers. After that, {site.price}, once.
|
||||
</p>
|
||||
|
||||
<div class="price-card__meter" role="img" aria-label={`${claimed} of ${cap} spots claimed`}>
|
||||
<span style={`width:${pct}%`}></span>
|
||||
</div>
|
||||
<p class="price-card__meterlabel">{claimed} claimed · {left} left</p>
|
||||
|
||||
<ul class="price-card__list">
|
||||
{included.map((i) => <li>{i}</li>)}
|
||||
</ul>
|
||||
|
||||
<div class="price-card__cta">
|
||||
<DownloadButtons large />
|
||||
</div>
|
||||
|
||||
<p class="price-card__note">
|
||||
The price is a small thank-you for the craft. It funds the time that keeps Margin sharp.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.price-card {
|
||||
max-width: 560px;
|
||||
margin: clamp(36px, 5vw, 52px) auto 0;
|
||||
padding: clamp(30px, 4vw, 46px);
|
||||
text-align: center;
|
||||
background: var(--paper);
|
||||
box-shadow: var(--shadow-deep);
|
||||
}
|
||||
.price-card__badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 9px;
|
||||
padding: 8px 18px;
|
||||
border-radius: 999px;
|
||||
background: color-mix(in srgb, var(--good) 16%, transparent);
|
||||
color: var(--good);
|
||||
font-size: 0.82rem;
|
||||
font-weight: 680;
|
||||
letter-spacing: 0.01em;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.price-card__dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: var(--good);
|
||||
animation: price-pulse 2s var(--ease) infinite;
|
||||
}
|
||||
@keyframes price-pulse {
|
||||
0% {
|
||||
box-shadow: 0 0 0 0 color-mix(in srgb, var(--good) 55%, transparent);
|
||||
}
|
||||
70% {
|
||||
box-shadow: 0 0 0 7px transparent;
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 transparent;
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.price-card__dot {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
.price-card__amount {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: center;
|
||||
gap: 14px;
|
||||
}
|
||||
.price-card__was {
|
||||
font-family: var(--font-book);
|
||||
font-size: 2rem;
|
||||
color: var(--ink-faint);
|
||||
}
|
||||
.price-card__num {
|
||||
font-family: var(--font-book);
|
||||
font-size: clamp(3.4rem, 2rem + 6vw, 5rem);
|
||||
font-weight: 580;
|
||||
letter-spacing: -0.02em;
|
||||
line-height: 1;
|
||||
}
|
||||
.price-card__sub {
|
||||
margin-top: 12px;
|
||||
color: var(--ink-soft);
|
||||
font-weight: 500;
|
||||
}
|
||||
.price-card__meter {
|
||||
margin: 24px auto 8px;
|
||||
max-width: 320px;
|
||||
height: 8px;
|
||||
border-radius: 999px;
|
||||
background: var(--accent-wash);
|
||||
overflow: hidden;
|
||||
}
|
||||
.price-card__meter span {
|
||||
display: block;
|
||||
height: 100%;
|
||||
border-radius: 999px;
|
||||
background: var(--good);
|
||||
}
|
||||
.price-card__meterlabel {
|
||||
font-size: 0.8rem;
|
||||
color: var(--ink-faint);
|
||||
font-weight: 550;
|
||||
}
|
||||
.price-card__list {
|
||||
list-style: none;
|
||||
margin: 28px 0;
|
||||
padding: 28px 0;
|
||||
border-block: 1px solid var(--line);
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 14px;
|
||||
text-align: left;
|
||||
}
|
||||
.price-card__list li {
|
||||
position: relative;
|
||||
padding-left: 28px;
|
||||
font-weight: 550;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.price-card__list li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1px;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
border-radius: 50%;
|
||||
background: color-mix(in srgb, var(--good) 16%, transparent);
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f7a52' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 12px;
|
||||
}
|
||||
.price-card__cta {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.price-card__cta :global(.dl) {
|
||||
align-items: center;
|
||||
}
|
||||
.price-card__cta :global(.dl__os) {
|
||||
justify-content: center;
|
||||
}
|
||||
.price-card__note {
|
||||
margin-top: 26px;
|
||||
font-size: 0.84rem;
|
||||
color: var(--ink-faint);
|
||||
line-height: 1.55;
|
||||
}
|
||||
@media (max-width: 520px) {
|
||||
.price-card__list {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,150 @@
|
||||
---
|
||||
---
|
||||
|
||||
<section class="section privacy" id="privacy">
|
||||
<div class="container privacy__grid">
|
||||
<div class="privacy__copy">
|
||||
<p class="eyebrow">Yours, not ours</p>
|
||||
<h2>Your words belong to you.</h2>
|
||||
<p class="lede">
|
||||
Margin keeps your book where it belongs: with you. We never hold a copy on our servers,
|
||||
and nothing you write is sent away to be read. Want a backup? Margin can save one to your
|
||||
own Google Drive, in your account and under your control. Wherever your book lives, it is
|
||||
yours.
|
||||
</p>
|
||||
<ul class="privacy__points">
|
||||
<li>No copies kept by us, ever</li>
|
||||
<li>Optional backup to your own Google Drive</li>
|
||||
<li>Works the same with or without internet</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="own">
|
||||
<div class="own__card own__card--device">
|
||||
<span class="own__tag">On your device</span>
|
||||
<ul>
|
||||
<li>Your manuscript</li>
|
||||
<li>Spelling & grammar</li>
|
||||
<li>Print & ebook export</li>
|
||||
<li>Fonts & book setup</li>
|
||||
</ul>
|
||||
<p class="own__foot">Everything Margin does, it does right here.</p>
|
||||
</div>
|
||||
<div class="own__card own__card--drive">
|
||||
<span class="own__tag">
|
||||
<img class="own__drive" src="/logos/google-drive.svg" alt="" width="16" height="16" />
|
||||
Your Google Drive
|
||||
</span>
|
||||
<p class="own__drivecopy">
|
||||
A private backup in your own account, switched on only if you want it.
|
||||
</p>
|
||||
<p class="own__foot">Your copy. Your account. Your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.privacy__grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1.05fr 0.95fr;
|
||||
gap: clamp(32px, 5vw, 72px);
|
||||
align-items: center;
|
||||
}
|
||||
.privacy__points {
|
||||
margin: 26px 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
.privacy__points li {
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
color: var(--ink-soft);
|
||||
font-weight: 500;
|
||||
}
|
||||
.privacy__points li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
border-radius: 50%;
|
||||
background: var(--accent-wash);
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6458' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 12px;
|
||||
}
|
||||
|
||||
.own {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px;
|
||||
}
|
||||
.own__card {
|
||||
border-radius: var(--r-lg);
|
||||
padding: 22px 20px;
|
||||
border: 1px solid var(--line);
|
||||
min-height: 240px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--paper);
|
||||
box-shadow: var(--shadow-page);
|
||||
}
|
||||
.own__card--drive {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border-style: dashed;
|
||||
}
|
||||
.own__tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 650;
|
||||
color: var(--ink-faint);
|
||||
}
|
||||
.own__tag :global(.brand-icon) {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
color: var(--ink-soft);
|
||||
}
|
||||
.own__card--device ul {
|
||||
list-style: none;
|
||||
margin: 16px 0 auto;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 9px;
|
||||
font-weight: 550;
|
||||
}
|
||||
.own__card--device li {
|
||||
padding: 8px 12px;
|
||||
background: var(--accent-wash);
|
||||
border-radius: var(--r-sm);
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
.own__drivecopy {
|
||||
margin: 18px 0 auto;
|
||||
color: var(--ink-soft);
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.55;
|
||||
}
|
||||
.own__foot {
|
||||
font-size: 0.82rem;
|
||||
color: var(--ink-faint);
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
.privacy__grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,144 @@
|
||||
---
|
||||
---
|
||||
|
||||
<section class="section proof">
|
||||
<div class="container proof__grid">
|
||||
<div class="proof__demo">
|
||||
<div class="card proof__editor">
|
||||
<p class="proof__line">
|
||||
She climbed the <span class="u-spell">hundered</span> and one steps and watched the
|
||||
lamp <span class="u-grammar">turns</span> its slow circle.
|
||||
</p>
|
||||
<div class="pop">
|
||||
<span class="pop__kind">Spelling</span>
|
||||
<span class="pop__from">hundered</span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
<span class="pop__to">hundred</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="proof__badge">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke-linejoin="round"/></svg>
|
||||
Checked entirely on your device
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="proof__copy">
|
||||
<p class="eyebrow">Built-in proofing</p>
|
||||
<h2>Grammar and spelling, caught as you write.</h2>
|
||||
<p class="lede">
|
||||
Margin underlines the mistakes that matter: misspellings, capitalization slips, doubled
|
||||
words, and broken grammar, with the same inline corrections you'd expect from the best
|
||||
checkers. The difference is that it all runs on your machine, so not a single word is sent
|
||||
away to be read.
|
||||
</p>
|
||||
<ul class="proof__points">
|
||||
<li>Real-time underlines, right in the text</li>
|
||||
<li>One-tap corrections and suggestions</li>
|
||||
<li>Runs on your machine, nothing sent away</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.proof__grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: clamp(32px, 5vw, 72px);
|
||||
align-items: center;
|
||||
}
|
||||
.proof__editor {
|
||||
padding: 34px 30px 44px;
|
||||
position: relative;
|
||||
font-family: var(--font-book);
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.u-spell {
|
||||
text-decoration: wavy underline var(--danger);
|
||||
text-decoration-thickness: 2px;
|
||||
text-underline-offset: 4px;
|
||||
}
|
||||
.u-grammar {
|
||||
text-decoration: wavy underline var(--good);
|
||||
text-decoration-thickness: 2px;
|
||||
text-underline-offset: 4px;
|
||||
}
|
||||
.pop {
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
bottom: -18px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 9px;
|
||||
background: var(--accent);
|
||||
color: var(--accent-contrast);
|
||||
padding: 9px 14px;
|
||||
border-radius: 999px;
|
||||
box-shadow: var(--shadow-pop);
|
||||
font-family: var(--font-ui);
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.pop__kind {
|
||||
font-size: 0.66rem;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
opacity: 0.65;
|
||||
}
|
||||
.pop__from {
|
||||
text-decoration: line-through;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.pop svg {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.proof__badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 26px;
|
||||
font-size: 0.86rem;
|
||||
font-weight: 600;
|
||||
color: var(--ink-soft);
|
||||
}
|
||||
.proof__badge svg {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
color: var(--good);
|
||||
}
|
||||
.proof__points {
|
||||
margin: 24px 0 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 11px;
|
||||
font-weight: 550;
|
||||
color: var(--ink-soft);
|
||||
}
|
||||
.proof__points li {
|
||||
position: relative;
|
||||
padding-left: 26px;
|
||||
}
|
||||
.proof__points li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 7px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: var(--good);
|
||||
}
|
||||
@media (max-width: 860px) {
|
||||
.proof__grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.proof__demo {
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,138 @@
|
||||
---
|
||||
import { stores } from "../data/site";
|
||||
---
|
||||
|
||||
<section class="section publish" id="publish">
|
||||
<div class="container">
|
||||
<header class="block-head block-head--center">
|
||||
<p class="eyebrow">Sell it anywhere</p>
|
||||
<h2>Your book works with every store and platform.</h2>
|
||||
<p class="lede">
|
||||
Margin hands you the two files publishing runs on: a print-ready file for paperback and a
|
||||
clean ebook for every reader. Upload them anywhere you like. No conversion services, no
|
||||
middlemen.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div class="stores">
|
||||
{
|
||||
stores.map((s) => (
|
||||
<div class="store">
|
||||
<span class="store__logo">
|
||||
<img src={`/logos/${s.logo}`} alt={`${s.name} logo`} />
|
||||
</span>
|
||||
<span class="store__name">{s.name}</span>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="formats">
|
||||
<div class="format">
|
||||
<span class="format__tag">Paperback</span>
|
||||
<span>A print-ready file, set in real book typography.</span>
|
||||
</div>
|
||||
<div class="format">
|
||||
<span class="format__tag">Ebook</span>
|
||||
<span>A reflowable file that looks right on every reader.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.block-head--center {
|
||||
margin-inline: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.block-head--center .lede {
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.stores {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 16px;
|
||||
margin-top: clamp(36px, 5vw, 52px);
|
||||
}
|
||||
.store {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 16px;
|
||||
padding: 28px 18px 22px;
|
||||
background: #ffffff;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--r-lg);
|
||||
box-shadow: var(--shadow-page);
|
||||
text-align: center;
|
||||
transition: transform 0.18s var(--ease), box-shadow 0.18s var(--ease);
|
||||
}
|
||||
.store:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: var(--shadow-pop);
|
||||
}
|
||||
.store__logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
padding-inline: 6px;
|
||||
}
|
||||
.store__logo img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.store__name {
|
||||
font-weight: 600;
|
||||
font-size: 0.86rem;
|
||||
color: #6b6458;
|
||||
}
|
||||
|
||||
.formats {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 16px;
|
||||
max-width: 760px;
|
||||
margin: 40px auto 0;
|
||||
}
|
||||
.format {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
padding: 18px 22px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--r-md);
|
||||
background: var(--raised);
|
||||
font-size: 0.95rem;
|
||||
color: var(--ink-soft);
|
||||
}
|
||||
.format__tag {
|
||||
flex: none;
|
||||
font-size: 0.7rem;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
color: var(--ink);
|
||||
padding: 5px 10px;
|
||||
background: var(--accent-wash);
|
||||
border-radius: 999px;
|
||||
}
|
||||
|
||||
@media (max-width: 880px) {
|
||||
.stores {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
@media (max-width: 620px) {
|
||||
.stores {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
.formats {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,125 @@
|
||||
// Single source of truth for the site. Change the price, offer, or content here.
|
||||
|
||||
export const site = {
|
||||
name: "Margin",
|
||||
tagline: "Write your book. Own every word.",
|
||||
description:
|
||||
"Margin is a calm, offline writing studio for authors. Write your book and send it to print and to every ebook store, all from your own machine. Buy once, own it forever.",
|
||||
domain: "https://margin.studio",
|
||||
|
||||
// The regular one-time price, shown struck through during the launch offer.
|
||||
price: "$10",
|
||||
|
||||
// Launch offer: first N writers get it for $0. Update `left` as spots go.
|
||||
launch: {
|
||||
cap: 100,
|
||||
left: 12,
|
||||
},
|
||||
|
||||
supportEmail: "[email protected]",
|
||||
|
||||
// Repo that hosts the release files. Used only to resolve the right download
|
||||
// per OS at runtime. It is never shown to the reader.
|
||||
repo: "priyanshujain/margin",
|
||||
get repoUrl() {
|
||||
return `https://github.com/${this.repo}`;
|
||||
},
|
||||
get releasesUrl() {
|
||||
return `https://github.com/${this.repo}/releases/latest`;
|
||||
},
|
||||
};
|
||||
|
||||
export type Platform = {
|
||||
id: "mac" | "windows" | "linux";
|
||||
label: string;
|
||||
logo: string;
|
||||
// Filename suffix used to pick the right file from a release.
|
||||
match: string[];
|
||||
};
|
||||
|
||||
export const platforms: Platform[] = [
|
||||
{ id: "mac", label: "macOS", logo: "macos.svg", match: [".dmg"] },
|
||||
{ id: "windows", label: "Windows", logo: "windows.svg", match: [".msi", ".exe"] },
|
||||
{ id: "linux", label: "Linux", logo: "linux.svg", match: [".AppImage", ".deb", ".rpm"] },
|
||||
];
|
||||
|
||||
// Full-color store logos, served from /public/logos. Shown on white tiles so
|
||||
// every logo stays legible in both light and dark themes.
|
||||
export const stores = [
|
||||
{ name: "Amazon Kindle", logo: "kindle.svg" },
|
||||
{ name: "Apple Books", logo: "apple-books.svg" },
|
||||
{ name: "Google Play Books", logo: "google-play-books.svg" },
|
||||
{ name: "Kobo", logo: "kobo.svg" },
|
||||
{ name: "Barnes & Noble", logo: "barnes-noble.svg" },
|
||||
{ name: "Scribd", logo: "scribd.svg" },
|
||||
{ name: "OverDrive", logo: "overdrive.svg" },
|
||||
{ name: "tolino", logo: "tolino.svg" },
|
||||
{ name: "Draft2Digital", logo: "draft2digital.png" },
|
||||
{ name: "Smashwords", logo: "smashwords.png" },
|
||||
{ name: "IngramSpark", logo: "ingramspark.png" },
|
||||
];
|
||||
|
||||
export const faqs = [
|
||||
{
|
||||
q: "Is this a subscription?",
|
||||
a: "No. Margin is a one-time purchase, and the first 100 writers get it for $0. Pay once and it is yours for good, with no monthly fees, no renewals, and no seats to manage.",
|
||||
},
|
||||
{
|
||||
q: "Does Margin really work offline?",
|
||||
a: "Yes, completely. Writing, the live page preview, the spelling and grammar checker, and every export all happen on your machine. You can write and publish an entire book with the internet switched off.",
|
||||
},
|
||||
{
|
||||
q: "Is my book private?",
|
||||
a: "Your book belongs to you. Margin never keeps a copy on our servers, and nothing you write is sent away to be read. If you would like a backup, Margin can save one to your own Google Drive, in your account and under your control.",
|
||||
},
|
||||
{
|
||||
q: "Which platforms are supported?",
|
||||
a: "macOS, Windows, and Linux. The same app, the same book, the same results on every one. (Vellum is Mac-only, and Lacuna runs on Mac and Windows.)",
|
||||
},
|
||||
{
|
||||
q: "Can I sell on Amazon, Apple Books, and Kobo?",
|
||||
a: "Yes. Margin gives you a clean ebook file you upload straight to Amazon, Apple Books, Kobo, Google Play, Barnes & Noble, and the rest. For paperback, you get a print-ready file for services like Amazon and IngramSpark.",
|
||||
},
|
||||
{
|
||||
q: "Is the print file really ready to publish?",
|
||||
a: "Yes. Margin sets your book in real book typography, with proper margins, page numbers, running heads, and your chosen trim size. The file is ready to send to a printer or upload to a print-on-demand service.",
|
||||
},
|
||||
{
|
||||
q: "How is the grammar and spelling different from Grammarly?",
|
||||
a: "It catches the same kinds of mistakes, misspellings, capitalization, doubled words, and grammar slips, right as you write. The difference is that it works on your machine, so your words are never sent anywhere to be checked.",
|
||||
},
|
||||
{
|
||||
q: "Where is my book kept?",
|
||||
a: "Your whole book is a single file on your computer, easy to copy, rename, back up, or move to another machine. Nothing is locked inside an account or a library you cannot get out of.",
|
||||
},
|
||||
{
|
||||
q: "Do I need an account?",
|
||||
a: "No. No sign-up, no login, no email needed to write. Download Margin, open it, and start your book.",
|
||||
},
|
||||
{
|
||||
q: "Do updates cost extra?",
|
||||
a: "No. Updates are included, and the app keeps itself up to date. You bought the tool, so you keep getting better versions of it.",
|
||||
},
|
||||
{
|
||||
q: "What if my question isn't here?",
|
||||
a: "Write to us and a real person will answer. We read every message.",
|
||||
},
|
||||
];
|
||||
|
||||
// Capability comparison. Values are conservative and publicly verifiable.
|
||||
// Vellum : macOS-only, native, offline, one-time (~$250), no grammar checker.
|
||||
// Atticus : cloud-based, requires an account, cross-platform, one-time (~$147).
|
||||
// Lacuna : Mac + Windows, offline, one-time (~$139), no grammar checker.
|
||||
export const compare = {
|
||||
cols: ["Margin", "Vellum", "Atticus", "Lacuna"] as const,
|
||||
rows: [
|
||||
{ feature: "Works fully offline", margin: true, vellum: true, atticus: false, lacuna: true },
|
||||
{ feature: "macOS, Windows & Linux", margin: true, vellum: false, atticus: true, lacuna: false },
|
||||
{ feature: "Print-ready paperback file", margin: true, vellum: true, atticus: true, lacuna: true },
|
||||
{ feature: "Ebook for Kindle, Apple & Kobo", margin: true, vellum: true, atticus: true, lacuna: true },
|
||||
{ feature: "Built-in grammar & spelling", margin: true, vellum: false, atticus: false, lacuna: false },
|
||||
{ feature: "No account needed", margin: true, vellum: true, atticus: false, lacuna: true },
|
||||
{ feature: "One-time price, no subscription", margin: true, vellum: true, atticus: true, lacuna: true },
|
||||
{ feature: "Your book stays yours", margin: true, vellum: true, atticus: false, lacuna: true },
|
||||
],
|
||||
};
|
||||
@@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Amazon</title><path d="M.045 18.02c.072-.116.187-.124.348-.022 3.636 2.11 7.594 3.166 11.87 3.166 2.852 0 5.668-.533 8.447-1.595l.315-.14c.138-.06.234-.1.293-.13.226-.088.39-.046.525.13.12.174.09.336-.12.48-.256.19-.6.41-1.006.654-1.244.743-2.64 1.316-4.185 1.726a17.617 17.617 0 01-10.951-.577 17.88 17.88 0 01-5.43-3.35c-.1-.074-.151-.15-.151-.22 0-.047.021-.09.051-.13zm6.565-6.218c0-1.005.247-1.863.743-2.577.495-.71 1.17-1.25 2.04-1.615.796-.335 1.756-.575 2.912-.72.39-.046 1.033-.103 1.92-.174v-.37c0-.93-.105-1.558-.3-1.875-.302-.43-.78-.65-1.44-.65h-.182c-.48.046-.896.196-1.246.46-.35.27-.575.63-.675 1.096-.06.3-.206.465-.435.51l-2.52-.315c-.248-.06-.372-.18-.372-.39 0-.046.007-.09.022-.15.247-1.29.855-2.25 1.82-2.88.976-.616 2.1-.975 3.39-1.05h.54c1.65 0 2.957.434 3.888 1.29.135.15.27.3.405.48.12.165.224.314.283.45.075.134.15.33.195.57.06.254.105.42.135.51.03.104.062.3.076.615.01.313.02.493.02.553v5.28c0 .376.06.72.165 1.036.105.313.21.54.315.674l.51.674c.09.136.136.256.136.36 0 .12-.06.226-.18.314-1.2 1.05-1.86 1.62-1.963 1.71-.165.135-.375.15-.63.045a6.062 6.062 0 01-.526-.496l-.31-.347a9.391 9.391 0 01-.317-.42l-.3-.435c-.81.886-1.603 1.44-2.4 1.665-.494.15-1.093.227-1.83.227-1.11 0-2.04-.343-2.76-1.034-.72-.69-1.08-1.665-1.08-2.94l-.05-.076zm3.753-.438c0 .566.14 1.02.425 1.364.285.34.675.512 1.155.512.045 0 .106-.007.195-.02.09-.016.134-.023.166-.023.614-.16 1.08-.553 1.424-1.178.165-.28.285-.58.36-.91.09-.32.12-.59.135-.8.015-.195.015-.54.015-1.005v-.54c-.84 0-1.484.06-1.92.18-1.275.36-1.92 1.17-1.92 2.43l-.035-.02zm9.162 7.027c.03-.06.075-.11.132-.17.362-.243.714-.41 1.05-.5a8.094 8.094 0 011.612-.24c.14-.012.28 0 .41.03.65.06 1.05.168 1.172.33.063.09.099.228.099.39v.15c0 .51-.149 1.11-.424 1.8-.278.69-.664 1.248-1.156 1.68-.073.06-.14.09-.197.09-.03 0-.06 0-.09-.012-.09-.044-.107-.12-.064-.24.54-1.26.806-2.143.806-2.64 0-.15-.03-.27-.087-.344-.145-.166-.55-.257-1.224-.257-.243 0-.533.016-.87.046-.363.045-.7.09-1 .135-.09 0-.148-.014-.18-.044-.03-.03-.036-.047-.02-.077 0-.017.006-.03.02-.063v-.06z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Apple</title><path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"/></svg>
|
||||
|
After Width: | Height: | Size: 650 B |
@@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Google Drive</title><path d="M12.01 1.485c-2.082 0-3.754.02-3.743.047.01.02 1.708 3.001 3.774 6.62l3.76 6.574h3.76c2.081 0 3.753-.02 3.742-.047-.005-.02-1.708-3.001-3.775-6.62l-3.76-6.574zm-4.76 1.73a789.828 789.861 0 0 0-3.63 6.319L0 15.868l1.89 3.298 1.885 3.297 3.62-6.335 3.618-6.33-1.88-3.287C8.1 4.704 7.255 3.22 7.25 3.214zm2.259 12.653-.203.348c-.114.198-.96 1.672-1.88 3.287a423.93 423.948 0 0 1-1.698 2.97c-.01.026 3.24.042 7.222.042h7.244l1.796-3.157c.992-1.734 1.85-3.23 1.906-3.323l.104-.167h-7.249z"/></svg>
|
||||
|
After Width: | Height: | Size: 599 B |
@@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Google Play</title><path d="M22.018 13.298l-3.919 2.218-3.515-3.493 3.543-3.521 3.891 2.202a1.49 1.49 0 0 1 0 2.594zM1.337.924a1.486 1.486 0 0 0-.112.568v21.017c0 .217.045.419.124.6l11.155-11.087L1.337.924zm12.207 10.065l3.258-3.238L3.45.195a1.466 1.466 0 0 0-.946-.179l11.04 10.973zm0 2.067l-11 10.933c.298.036.612-.016.906-.183l13.324-7.54-3.23-3.21z"/></svg>
|
||||
|
After Width: | Height: | Size: 439 B |
@@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Linux</title><path d="M12.504 0c-.155 0-.315.008-.48.021-4.226.333-3.105 4.807-3.17 6.298-.076 1.092-.3 1.953-1.05 3.02-.885 1.051-2.127 2.75-2.716 4.521-.278.832-.41 1.684-.287 2.489a.424.424 0 00-.11.135c-.26.268-.45.6-.663.839-.199.199-.485.267-.797.4-.313.136-.658.269-.864.68-.09.189-.136.394-.132.602 0 .199.027.4.055.536.058.399.116.728.04.97-.249.68-.28 1.145-.106 1.484.174.334.535.47.94.601.81.2 1.91.135 2.774.6.926.466 1.866.67 2.616.47.526-.116.97-.464 1.208-.946.587-.003 1.23-.269 2.26-.334.699-.058 1.574.267 2.577.2.025.134.063.198.114.333l.003.003c.391.778 1.113 1.132 1.884 1.071.771-.06 1.592-.536 2.257-1.306.631-.765 1.683-1.084 2.378-1.503.348-.199.629-.469.649-.853.023-.4-.2-.811-.714-1.376v-.097l-.003-.003c-.17-.2-.25-.535-.338-.926-.085-.401-.182-.786-.492-1.046h-.003c-.059-.054-.123-.067-.188-.135a.357.357 0 00-.19-.064c.431-1.278.264-2.55-.173-3.694-.533-1.41-1.465-2.638-2.175-3.483-.796-1.005-1.576-1.957-1.56-3.368.026-2.152.236-6.133-3.544-6.139zm.529 3.405h.013c.213 0 .396.062.584.198.19.135.33.332.438.533.105.259.158.459.166.724 0-.02.006-.04.006-.06v.105a.086.086 0 01-.004-.021l-.004-.024a1.807 1.807 0 01-.15.706.953.953 0 01-.213.335.71.71 0 00-.088-.042c-.104-.045-.198-.064-.284-.133a1.312 1.312 0 00-.22-.066c.05-.06.146-.133.183-.198.053-.128.082-.264.088-.402v-.02a1.21 1.21 0 00-.061-.4c-.045-.134-.101-.2-.183-.333-.084-.066-.167-.132-.267-.132h-.016c-.093 0-.176.03-.262.132a.8.8 0 00-.205.334 1.18 1.18 0 00-.09.4v.019c.002.089.008.179.02.267-.193-.067-.438-.135-.607-.202a1.635 1.635 0 01-.018-.2v-.02a1.772 1.772 0 01.15-.768c.082-.22.232-.406.43-.533a.985.985 0 01.594-.2zm-2.962.059h.036c.142 0 .27.048.399.135.146.129.264.288.344.465.09.199.14.4.153.667v.004c.007.134.006.2-.002.266v.08c-.03.007-.056.018-.083.024-.152.055-.274.135-.393.2.012-.09.013-.18.003-.267v-.015c-.012-.133-.04-.2-.082-.333a.613.613 0 00-.166-.267.248.248 0 00-.183-.064h-.021c-.071.006-.13.04-.186.132a.552.552 0 00-.12.27.944.944 0 00-.023.33v.015c.012.135.037.2.08.334.046.134.098.2.166.268.01.009.02.018.034.024-.07.057-.117.07-.176.136a.304.304 0 01-.131.068 2.62 2.62 0 01-.275-.402 1.772 1.772 0 01-.155-.667 1.759 1.759 0 01.08-.668 1.43 1.43 0 01.283-.535c.128-.133.26-.2.418-.2zm1.37 1.706c.332 0 .733.065 1.216.399.293.2.523.269 1.052.468h.003c.255.136.405.266.478.399v-.131a.571.571 0 01.016.47c-.123.31-.516.643-1.063.842v.002c-.268.135-.501.333-.775.465-.276.135-.588.292-1.012.267a1.139 1.139 0 01-.448-.067 3.566 3.566 0 01-.322-.198c-.195-.135-.363-.332-.612-.465v-.005h-.005c-.4-.246-.616-.512-.686-.71-.07-.268-.005-.47.193-.6.224-.135.38-.271.483-.336.104-.074.143-.102.176-.131h.002v-.003c.169-.202.436-.47.839-.601.139-.036.294-.065.466-.065zm2.8 2.142c.358 1.417 1.196 3.475 1.735 4.473.286.534.855 1.659 1.102 3.024.156-.005.33.018.513.064.646-1.671-.546-3.467-1.089-3.966-.22-.2-.232-.335-.123-.335.59.534 1.365 1.572 1.646 2.757.13.535.16 1.104.021 1.67.067.028.135.06.205.067 1.032.534 1.413.938 1.23 1.537v-.043c-.06-.003-.12 0-.18 0h-.016c.151-.467-.182-.825-1.065-1.224-.915-.4-1.646-.336-1.77.465-.008.043-.013.066-.018.135-.068.023-.139.053-.209.064-.43.268-.662.669-.793 1.187-.13.533-.17 1.156-.205 1.869v.003c-.02.334-.17.838-.319 1.35-1.5 1.072-3.58 1.538-5.348.334a2.645 2.645 0 00-.402-.533 1.45 1.45 0 00-.275-.333c.182 0 .338-.03.465-.067a.615.615 0 00.314-.334c.108-.267 0-.697-.345-1.163-.345-.467-.931-.995-1.788-1.521-.63-.4-.986-.87-1.15-1.396-.165-.534-.143-1.085-.015-1.645.245-1.07.873-2.11 1.274-2.763.107-.065.037.135-.408.974-.396.751-1.14 2.497-.122 3.854a8.123 8.123 0 01.647-2.876c.564-1.278 1.743-3.504 1.836-5.268.048.036.217.135.289.202.218.133.38.333.59.465.21.201.477.335.876.335.039.003.075.006.11.006.412 0 .73-.134.997-.268.29-.134.52-.334.74-.4h.005c.467-.135.835-.402 1.044-.7zm2.185 8.958c.037.6.343 1.245.882 1.377.588.134 1.434-.333 1.791-.765l.211-.01c.315-.007.577.01.847.268l.003.003c.208.199.305.53.391.876.085.4.154.78.409 1.066.486.527.645.906.636 1.14l.003-.007v.018l-.003-.012c-.015.262-.185.396-.498.595-.63.401-1.746.712-2.457 1.57-.618.737-1.37 1.14-2.036 1.191-.664.053-1.237-.2-1.574-.898l-.005-.003c-.21-.4-.12-1.025.056-1.69.176-.668.428-1.344.463-1.897.037-.714.076-1.335.195-1.814.12-.465.308-.797.641-.984l.045-.022zm-10.814.049h.01c.053 0 .105.005.157.014.376.055.706.333 1.023.752l.91 1.664.003.003c.243.533.754 1.064 1.189 1.637.434.598.77 1.131.729 1.57v.006c-.057.744-.48 1.148-1.125 1.294-.645.135-1.52.002-2.395-.464-.968-.536-2.118-.469-2.857-.602-.369-.066-.61-.2-.723-.4-.11-.2-.113-.602.123-1.23v-.004l.002-.003c.117-.334.03-.752-.027-1.118-.055-.401-.083-.71.043-.94.16-.334.396-.4.69-.533.294-.135.64-.202.915-.47h.002v-.002c.256-.268.445-.601.668-.838.19-.201.38-.336.663-.336zm7.159-9.074c-.435.201-.945.535-1.488.535-.542 0-.97-.267-1.28-.466-.154-.134-.28-.268-.373-.335-.164-.134-.144-.333-.074-.333.109.016.129.134.199.2.096.066.215.2.36.333.292.2.68.467 1.167.467.485 0 1.053-.267 1.3Line truncated
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Rakuten Kobo</title><path d="M0 13.192h.874v3.115l1.21-1.432h1.047l-1.385 1.619 1.51 2.125H2.21L.889 16.732H.874v1.887H0zm3.177 3.555c0-1.227.575-1.957 1.653-1.957 1.077 0 1.655.73 1.655 1.957s-.575 1.957-1.651 1.957-1.652-.731-1.652-1.957zm1.653 1.341c.627 0 .722-.643.722-1.344 0-.7-.095-1.343-.722-1.343-.628 0-.722.646-.722 1.346s.091 1.341.722 1.341m2.999-2.764h.016a1.09 1.09 0 0 1 .967-.535c.898 0 1.29.763 1.29 1.957 0 1.045-.362 1.957-1.581 1.957-.978 0-1.564-.559-1.564-1.678v-3.83h.872zm.699 2.767c.56 0 .653-.73.653-1.344 0-.676-.07-1.398-.653-1.398-.527 0-.699.771-.699 1.398 0 .935.14 1.344.699 1.344m2.011-1.344c0-1.227.573-1.957 1.65-1.957 1.078 0 1.653.731 1.653 1.957s-.575 1.957-1.653 1.957c-1.077 0-1.65-.73-1.65-1.957m1.655 1.341c.629 0 .724-.643.724-1.344 0-.7-.095-1.343-.724-1.343s-.723.643-.723 1.343c0 .701.094 1.344.723 1.344m7.126-6.807L5.956 12.439 4.8 11.281zM6.141 6.604h.903v3.935h-.903v-.17c-.245.174-.538.27-.839.272-1.018 0-1.791-.928-1.791-2.067s.773-2.068 1.791-2.068c.301.003.594.098.839.273zm-.839 3.088c.502 0 .857-.493.857-1.118s-.355-1.118-.857-1.118-.868.494-.868 1.118c0 .623.366 1.118.868 1.118m8.006-3.088h.894v3.935h-.894v-.14a1.37 1.37 0 0 1-.759.242c-.951 0-1.599-.773-1.599-1.723V6.604h.893v2.314c0 .434.297.801.732.801s.733-.367.733-.801zm8.332 3.935h-.897V6.61h.897v.14c.224-.155.489-.239.761-.244.95 0 1.599.773 1.599 1.723v2.31h-.893v-2.31c0-.434-.298-.8-.733-.8-.434 0-.734.366-.734.8zm-20.705 0H.013V5.627H1.55c.927.006 1.686.77 1.686 1.697 0 .546-.264 1.06-.707 1.378l1.384 1.837H2.741L1.592 9.017H.935zm0-3.982v1.525h.642a.767.767 0 0 0 .764-.763.77.77 0 0 0-.764-.763l-.032.001zm15.679 3.054v.003l.588.785a1.8 1.8 0 0 1-.875.245 1.353 1.353 0 0 1-1.331-1.346l.002-.059v-1.7h-.473v-.935h.473v-.978h.894v.978h.768v.935h-.765v1.686l-.002.043c0 .234.187.43.422.441a.54.54 0 0 0 .299-.098m-7.352-1.16 1.78 2.092H9.789L8.47 8.925v1.618h-.922V5.296h.922v2.68l1.073-1.372h1.253zm9.416-1.947c1.014 0 1.934.931 1.713 2.345h-2.577c.118.9 1.137 1.358 1.748.457l.79.456c-.508.72-1.113.882-1.584.882-.935 0-1.866-.85-1.866-2.07 0-1.16.742-2.07 1.776-2.07m.782 1.561c-.175-.979-1.423-.923-1.612 0z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Scribd</title><path d="M11.635 0C6.633 0 3.139 3.067 3.139 7.459v.06c.008.085.004.169.004.254 0 1.725.438 3.09 1.253 4.057.815.967 1.885 1.451 3.21 1.451 1.108 0 1.98-.336 2.617-1.008a3.384 3.384 0 0 0 .955-2.412c0-.96-.308-1.715-.926-2.263-.618-.549-1.278-.823-1.979-.823a4.47 4.47 0 0 0-.859.112c-.344.086-.573.129-.687.129-.51 0-.764-.308-.764-.924 0-1.035.516-1.925 1.547-2.67.302-.218.612-.406.927-.568.907-.411 1.988-.637 3.198-.637 2.33 0 4.423.61 6.238 1.816l-1.004 1.602 1.893 1.248 2.205-3.303-.799-.644C17.75.987 14.878 0 11.635 0Zm5.683 10.682c-1.108 0-1.98.336-2.617 1.007a3.384 3.384 0 0 0-.955 2.413c0 .96.31 1.715.928 2.263.617.548 1.276.823 1.976.823.217 0 .503-.038.86-.112.344-.086.572-.129.687-.129.51 0 .764.308.764.924 0 .222-.025.436-.072.645-.849 2.079-3.022 3.267-6.166 3.267-2.671 0-5.233-.848-7.319-2.408l1.233-1.52-1.785-1.39L2.25 19.63l.783.703C5.673 22.698 9.114 24 12.723 24c.402 0 .791-.018 1.172-.05 2.077-.094 4.15-.87 5.61-2.188 1.497-1.35 2.245-3.215 2.245-5.592 0-1.725-.407-3.07-1.223-4.037-.814-.968-1.884-1.451-3.209-1.451z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1 @@
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Windows</title><path d="M0,0H11.377V11.372H0ZM12.623,0H24V11.372H12.623ZM0,12.623H11.377V24H0Zm12.623,0H24V24H12.623"/></svg>
|
||||
|
After Width: | Height: | Size: 203 B |
@@ -0,0 +1,58 @@
|
||||
---
|
||||
import "../styles/global.css";
|
||||
import { site } from "../data/site";
|
||||
|
||||
interface Props {
|
||||
title?: string;
|
||||
description?: string;
|
||||
}
|
||||
|
||||
const {
|
||||
title = `${site.name} · ${site.tagline}`,
|
||||
description = site.description,
|
||||
} = Astro.props;
|
||||
|
||||
const canonical = new URL(Astro.url.pathname, site.domain).href;
|
||||
const ogImage = new URL("/margin-logo.png", site.domain).href;
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="icon" type="image/png" href="/margin-mark.png" />
|
||||
<link rel="canonical" href={canonical} />
|
||||
|
||||
<title>{title}</title>
|
||||
<meta name="description" content={description} />
|
||||
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:title" content={title} />
|
||||
<meta property="og:description" content={description} />
|
||||
<meta property="og:url" content={canonical} />
|
||||
<meta property="og:image" content={ogImage} />
|
||||
<meta property="og:site_name" content={site.name} />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content={title} />
|
||||
<meta name="twitter:description" content={description} />
|
||||
<meta name="twitter:image" content={ogImage} />
|
||||
|
||||
<link rel="preload" href="/fonts/Literata-VF.ttf" as="font" type="font/ttf" crossorigin />
|
||||
<link rel="preload" href="/fonts/HankenGrotesk-VF.ttf" as="font" type="font/ttf" crossorigin />
|
||||
|
||||
<script is:inline>
|
||||
(function () {
|
||||
try {
|
||||
var t = localStorage.getItem("margin-theme");
|
||||
if (t !== "light" && t !== "dark")
|
||||
t = matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
||||
document.documentElement.setAttribute("data-theme", t);
|
||||
} catch (e) {}
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<slot />
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,32 @@
|
||||
---
|
||||
import Base from "../layouts/Base.astro";
|
||||
import Nav from "../components/Nav.astro";
|
||||
import Hero from "../components/Hero.astro";
|
||||
import Privacy from "../components/Privacy.astro";
|
||||
import Features from "../components/Features.astro";
|
||||
import Publish from "../components/Publish.astro";
|
||||
import Proofing from "../components/Proofing.astro";
|
||||
import Compare from "../components/Compare.astro";
|
||||
import Pricing from "../components/Pricing.astro";
|
||||
import Faq from "../components/Faq.astro";
|
||||
import ClosingCta from "../components/ClosingCta.astro";
|
||||
import Footer from "../components/Footer.astro";
|
||||
import DownloadScript from "../components/DownloadScript.astro";
|
||||
---
|
||||
|
||||
<Base>
|
||||
<Nav />
|
||||
<main>
|
||||
<Hero />
|
||||
<Privacy />
|
||||
<Features />
|
||||
<Publish />
|
||||
<Proofing />
|
||||
<Compare />
|
||||
<Pricing />
|
||||
<Faq />
|
||||
<ClosingCta />
|
||||
</main>
|
||||
<Footer />
|
||||
<DownloadScript />
|
||||
</Base>
|
||||
@@ -0,0 +1,288 @@
|
||||
@font-face {
|
||||
font-family: "Literata";
|
||||
src: url("/fonts/Literata-VF.ttf") format("truetype-variations");
|
||||
font-weight: 200 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Literata";
|
||||
src: url("/fonts/Literata-Italic-VF.ttf") format("truetype-variations");
|
||||
font-weight: 200 900;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Hanken Grotesk";
|
||||
src: url("/fonts/HankenGrotesk-VF.ttf") format("truetype-variations");
|
||||
font-weight: 100 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Hanken Grotesk";
|
||||
src: url("/fonts/HankenGrotesk-Italic-VF.ttf") format("truetype-variations");
|
||||
font-weight: 100 900;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
:root {
|
||||
--font-ui: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
|
||||
--font-book: "Literata", Georgia, "Times New Roman", serif;
|
||||
|
||||
--r-sm: 6px;
|
||||
--r-md: 10px;
|
||||
--r-lg: 16px;
|
||||
--r-xl: 24px;
|
||||
|
||||
--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
|
||||
--container: 1120px;
|
||||
}
|
||||
|
||||
:root,
|
||||
:root[data-theme="light"] {
|
||||
--paper: #fcfbf7;
|
||||
--shell: #f1ece2;
|
||||
--sidebar: #ece6da;
|
||||
--raised: #fbfaf6;
|
||||
|
||||
--ink: #23201b;
|
||||
--ink-soft: #6b6458;
|
||||
--ink-faint: #9b9484;
|
||||
|
||||
--line: #e3ddce;
|
||||
--line-strong: #d6cfbd;
|
||||
|
||||
--accent: #2a2622;
|
||||
--accent-ink: #100e0b;
|
||||
--accent-wash: rgba(35, 32, 27, 0.08);
|
||||
--accent-contrast: #faf7f0;
|
||||
--selection: rgba(35, 32, 27, 0.14);
|
||||
--glass: rgba(252, 251, 247, 0.86);
|
||||
|
||||
--good: #4f7a52;
|
||||
--danger: #b4453a;
|
||||
|
||||
--shadow-page: 0 1px 2px rgba(35, 32, 27, 0.06), 0 14px 30px rgba(35, 32, 27, 0.09);
|
||||
--shadow-pop: 0 8px 24px rgba(35, 32, 27, 0.14);
|
||||
--shadow-deep: 0 30px 70px -20px rgba(35, 32, 27, 0.28);
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] {
|
||||
--paper: #1d1a16;
|
||||
--shell: #151310;
|
||||
--sidebar: #1a1713;
|
||||
--raised: #232019;
|
||||
|
||||
--ink: #ece6da;
|
||||
--ink-soft: #a89f8e;
|
||||
--ink-faint: #756d5e;
|
||||
|
||||
--line: #2c2823;
|
||||
--line-strong: #3a352d;
|
||||
|
||||
--accent: #efe9dc;
|
||||
--accent-ink: #ffffff;
|
||||
--accent-wash: rgba(239, 233, 220, 0.12);
|
||||
--accent-contrast: #1a1714;
|
||||
--selection: rgba(239, 233, 220, 0.18);
|
||||
--glass: rgba(33, 30, 25, 0.88);
|
||||
|
||||
--good: #88b08a;
|
||||
--danger: #d97a6f;
|
||||
|
||||
--shadow-page: 0 1px 2px rgba(0, 0, 0, 0.4), 0 14px 34px rgba(0, 0, 0, 0.5);
|
||||
--shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.55);
|
||||
--shadow-deep: 0 30px 70px -20px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
html {
|
||||
scroll-behavior: auto;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--shell);
|
||||
color: var(--ink);
|
||||
font-family: var(--font-ui);
|
||||
font-size: 17px;
|
||||
line-height: 1.6;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: var(--selection);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
font-family: var(--font-book);
|
||||
font-weight: 560;
|
||||
letter-spacing: -0.012em;
|
||||
line-height: 1.08;
|
||||
margin: 0;
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2rem;
|
||||
letter-spacing: -0.006em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: var(--container);
|
||||
margin-inline: auto;
|
||||
padding-inline: 24px;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding-block: clamp(64px, 8vw, 120px);
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
font-family: var(--font-ui);
|
||||
font-size: 0.78rem;
|
||||
font-weight: 650;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
color: var(--ink-faint);
|
||||
margin: 0 0 18px;
|
||||
}
|
||||
|
||||
.lede {
|
||||
font-size: clamp(1.05rem, 0.98rem + 0.4vw, 1.22rem);
|
||||
color: var(--ink-soft);
|
||||
line-height: 1.6;
|
||||
max-width: 46ch;
|
||||
}
|
||||
|
||||
h2 + .lede,
|
||||
.block-head .lede,
|
||||
.block-head--center .lede {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
--bg: var(--accent);
|
||||
--fg: var(--accent-contrast);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.55em;
|
||||
font-family: var(--font-ui);
|
||||
font-size: 0.98rem;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
padding: 0.85em 1.4em;
|
||||
border-radius: 999px;
|
||||
border: 1px solid transparent;
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
cursor: pointer;
|
||||
transition:
|
||||
transform 0.18s var(--ease),
|
||||
box-shadow 0.18s var(--ease),
|
||||
background 0.18s var(--ease),
|
||||
border-color 0.18s var(--ease);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
transform: translateY(-1px);
|
||||
box-shadow: var(--shadow-pop);
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.btn--ghost {
|
||||
--bg: transparent;
|
||||
--fg: var(--ink);
|
||||
border-color: var(--line-strong);
|
||||
}
|
||||
|
||||
.btn--ghost:hover {
|
||||
background: var(--accent-wash);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn--lg {
|
||||
font-size: 1.05rem;
|
||||
padding: 1em 1.7em;
|
||||
}
|
||||
|
||||
.btn svg {
|
||||
width: 1.1em;
|
||||
height: 1.1em;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: var(--paper);
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--r-lg);
|
||||
box-shadow: var(--shadow-page);
|
||||
}
|
||||
|
||||
.muted {
|
||||
color: var(--ink-soft);
|
||||
}
|
||||
|
||||
.book-accent {
|
||||
font-family: var(--font-book);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.logo-mark {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
line-height: 0;
|
||||
}
|
||||
.logo-mark img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
.logo-mark .dark {
|
||||
display: none;
|
||||
}
|
||||
:root[data-theme="dark"] .logo-mark .light {
|
||||
display: none;
|
||||
}
|
||||
:root[data-theme="dark"] .logo-mark .dark {
|
||||
display: block;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"extends": "astro/tsconfigs/strict",
|
||||
"include": [".astro/types.d.ts", "**/*"],
|
||||
"exclude": ["dist"]
|
||||
}
|
||||
Reference in new issue
Block a user